:root{--header-height: 60px;--header-bg: #ffffff;--header-text: #000000;--header-border: #e5e5e5;--luada-blue: #007bff}.header-new-wrapper{position:relative;top:0;z-index:1001;background:var(--header-bg);box-shadow:0 1px 3px #0000000d;width:100%;height:var(--header-height)}.header-new-wrapper.is-sticky{position:fixed;top:0;left:0;width:100%;animation:slideDown .3s ease forwards;box-shadow:0 4px 12px #0000001a}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header-new-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;max-width:1400px;margin:0 auto;padding:0 20px}.header-new-logo{text-align:center;display:flex;justify-content:center;align-items:center}.header-new-logo img{max-height:calc(var(--header-height) - 20px);width:auto;display:block}.header-new-logo a{text-decoration:none;color:var(--header-text);font-weight:700;font-size:20px}.header-new-icons{display:flex;justify-content:flex-end;gap:15px;align-items:center}.header-cta-button{background-color:var(--luada-blue);color:#fff;border:none;padding:12px 24px;border-radius:4px;font-weight:700;text-decoration:none;font-size:16px;transition:background-color .2s ease;white-space:nowrap;display:inline-block;line-height:1.2;cursor:pointer;font-family:inherit}.header-cta-button:hover{background-color:#0056b3}@media (max-width: 480px){.header-cta-button{padding:8px 12px;font-size:13px}}@media (max-width: 768px){.header-new-container{display:flex;justify-content:space-between;position:relative}.header-new-logo{position:absolute;left:50%;transform:translate(-50%);width:auto;margin:0}}@media (max-width: 380px){.header-new-logo{display:none!important}}.header-icon-btn{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:var(--header-text);position:relative}.header-icon-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.cart-count-bubble{position:absolute;top:-2px;right:-2px;background:#000;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-menu-trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:5px;color:var(--header-text)}.header-menu-trigger svg{width:24px;height:24px}.menu-trigger-text{font-size:14px;font-weight:600;margin-left:6px;display:none}@media (min-width: 360px){.menu-trigger-text{display:inline-block}}.mobile-menu-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s;cursor:pointer}.mobile-menu-backdrop.is-open{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s}.mobile-menu-overlay{position:fixed;top:0;left:0;height:100vh;background:#fff;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s;z-index:2000;overflow-y:auto;will-change:transform;visibility:hidden;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column}@media (min-width: 768px){.mobile-menu-overlay{width:30%;min-width:350px;max-width:500px}}@media (max-width: 767px){.mobile-menu-overlay{width:100%}}.mobile-menu-overlay.is-open{transform:translate(0);visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s}.mobile-menu-header{display:flex;justify-content:flex-start;align-items:center;height:var(--header-height);padding:0 20px;border-bottom:none}.menu-close-btn{background:none;border:none;cursor:pointer;padding:5px;color:#333;display:flex;align-items:center;justify-content:center;margin-left:-5px}.menu-close-btn svg{width:24px;height:24px}.menu-close-text{font-size:16px;font-weight:600;margin-left:8px;color:#333;display:inline-block}.mobile-menu-list{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column}.mobile-menu-item{border-bottom:1px solid #f0f0f0}.mobile-menu-link{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;text-decoration:none;color:#333;font-size:18px;font-weight:500;width:100%;background:none;border:none;text-align:left}.mobile-menu-actions{margin-top:auto;padding:20px;display:flex;flex-direction:column;gap:15px;background:#fff}.mobile-menu-btn{display:block;width:100%;padding:12px 20px;text-align:center;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s ease;box-sizing:border-box}.btn-outline{background:transparent;border:2px solid var(--luada-blue);color:var(--luada-blue)}.btn-outline:hover{background:#f0f8ff}.btn-filled{background:var(--luada-blue);border:2px solid var(--luada-blue);color:#fff}.btn-filled:hover{background:#0056b3;border-color:#0056b3}.mobile-menu-link svg{width:16px;height:16px;transition:transform .2s}.mobile-submenu{display:none;background:#f9f9f9;padding-left:0}.mobile-submenu.is-open{display:block}.mobile-submenu .mobile-menu-link{padding-left:40px;font-size:15px}.mobile-submenu .mobile-submenu .mobile-menu-link{padding-left:60px;font-size:14px}.menu-contact-box{background-color:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.menu-contact-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.contact-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.contact-text{display:flex;flex-direction:column;line-height:1.3}.contact-name{font-weight:700;font-size:15px;color:#333}.contact-role{font-size:12px;color:#666;font-weight:500}.contact-desc{font-size:13px;color:#444;margin-top:2px}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:#25d366;color:#fff;text-decoration:none;padding:10px;border-radius:8px;font-weight:600;font-size:14px;transition:background-color .2s}.whatsapp-btn:hover{background-color:#128c7e;color:#fff}.whatsapp-btn svg{width:20px;height:20px}.mobile-only{display:block!important}.desktop-only{display:none!important}@media (min-width: 768px){.mobile-only{display:none!important}.desktop-only{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/header-new.css.map */