:root{--nav-green:#4ca40f;--nav-green-dark:#337d08}
body[class] .site-header{height:78px;background:rgba(255,255,255,.96);border-bottom:1px solid #e8ece5;color:#111;box-shadow:none;backdrop-filter:blur(16px)}
body[class] .site-header.is-scrolled{background:rgba(255,255,255,.98);border-color:#dfe5dc;box-shadow:0 12px 34px rgba(38,61,22,.07)}
body[class] .site-header .header-inner{position:relative;gap:25px}
body[class] .site-header .site-brand,body[class] .site-header .desktop-nav>a{color:#111}
body[class] .site-header .site-brand{flex:none;height:auto;min-height:58px;display:flex;align-items:center}
.site-brand-logo-frame{position:relative;display:flex;align-items:center}
.site-brand-logo{display:block;width:150px;max-width:100%;height:auto;object-fit:contain}
.page-template-page-shopify .site-brand-logo{}
body[class] .site-header .desktop-nav{position:absolute;left:50%;gap:clamp(17px,1.7vw,27px);margin:0;transform:translateX(-50%)}
body[class] .site-header .desktop-nav>a{font-size:.73rem;font-weight:600}
body[class] .site-header .desktop-nav>a:hover,body[class] .site-header .desktop-nav>a.is-active{color:var(--nav-green-dark)}
body[class] .site-header .desktop-nav>a::after{height:2px;background:var(--nav-green)}
body[class] .site-header .desktop-nav>a .icon{width:16px;height:16px;color:#66b72b}
body[class] .site-header .header-cta{min-height:43px;padding-inline:18px;border-radius:9px;background:linear-gradient(135deg,#55ae17,#398d09);color:#fff;box-shadow:0 10px 24px rgba(65,142,12,.2)}
body[class] .site-header .header-cta::after{content:"\2192";display:grid;place-items:center;width:20px;height:20px;margin-left:5px;border-radius:50%;background:rgba(255,255,255,.18);font-size:.7rem}
body[class] .site-header .scroll-progress{background:var(--nav-green)}
.mobile-contact-link{display:none;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:9px;background:var(--nav-green);color:#fff;font-size:.75rem;font-weight:700}
.lk-footer-brand .site-brand{width:auto;height:auto}.lk-footer-brand .site-brand-logo{width:150px;height:auto}.lk-footer-main .light-brand{padding:0;border-radius:12px;background:transparent}
.section-anchor{display:block;position:relative;top:-78px;visibility:hidden}
@media(max-width:1220px){body[class] .site-header .desktop-nav{gap:14px}body[class] .site-header .desktop-nav>a{font-size:.68rem}body[class] .site-header .header-cta{display:none}}
@media(max-width:900px){body[class] .site-header{height:72px}body[class] .site-header .site-brand{width:auto;height:auto;min-height:52px}.site-brand-logo-frame{width:auto;height:auto}.site-brand-logo{left:0;width:130px}body[class] .site-header .desktop-nav{display:none}body[class] .site-header .header-cta{display:none}.mobile-contact-link{display:inline-flex}}

/* --- MOBILE NAVIGATION DRAWER & HAMBURGER STYLES --- */
.menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(42, 87, 230, 0.2);
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.25s ease;
}
.menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: #1a2332;
    border-radius: 2px;
    transition: all 0.25s ease;
}
.menu-toggle:hover {
    border-color: #2a57e6;
    background: rgba(42, 87, 230, 0.05);
}

.drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 998;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}

.mobile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    width: min(85vw, 360px);
    padding: 24px;
    background: #ffffff;
    box-shadow: -15px 0 40px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), visibility 0.35s ease;
}
.mobile-drawer.is-open {
    transform: translateX(0);
    visibility: visible;
}

.drawer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.drawer-top button {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    background: #f8fafc;
    font-size: 1.5rem;
    line-height: 1;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
}
.drawer-top button:hover {
    color: #1a2332;
    background: #e2e8f0;
}

.mobile-drawer nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 24px 0;
}
.mobile-drawer nav a {
    display: block;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1a2332;
    transition: all 0.2s ease;
}
.mobile-drawer nav a:hover,
.mobile-drawer nav a.is-active {
    background: rgba(42, 87, 230, 0.08);
    color: #2a57e6;
}

.drawer-footer {
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

@media (max-width: 900px) {
    .menu-toggle {
        display: flex !important;
    }
}