:root {
    --sf-panel: radial-gradient(ellipse at top right, #1e5358, transparent 62%), #092c34;
    --sf-teal: #096861;
    --sf-teal-dark: #084e4b;
    --sf-highlight: #c3f783;
    --accent:#216344;
    --max:1248px
}

body {
    font-family:Inter,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
    background:#fff
}

a:focus-visible,button:focus-visible {
    outline:3px solid #357444;
    outline-offset:4px
}

.header {
    border-bottom:1px solid #e1e9e5;
    background:#fff;
    box-shadow:none
}

.header-inner {
    min-height:84px;
    padding-block:16px;
    gap:26px
}

.main-nav ul {
    gap:26px
}

.main-nav a {
    font-size:14px;
    font-weight:550;
    color:#243d37
}

.main-nav a.active {
    color:#216344
}

.main-nav a.active:after {
    background:#216344
}

.topbar {
    background:#102b31
}

.topbar-inner {
    min-height:38px
}

.topbar .left {
    font-size:11px;
    letter-spacing:.3px
}

.lx-company-link {
    font-size:12px;
    color:#35614b;
    text-decoration:none;
    white-space:nowrap;
    border-left:1px solid #dce6df;
    padding-left:22px
}

.header-cart {
    margin-left:0
}

.main-content {
    outline:0
}

.lx-brand-footer {
    background:#f0f4f1;
    border-top:1px solid #dfe8e2;
    padding:34px 0
}

.lx-brand-footer>.container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding-inline:32px
}

.lx-brand-footer strong {
    font:600 20px ui-monospace,monospace;
    letter-spacing:2px;
    color:#193d32
}

.lx-brand-footer strong span {
    font-size:12px;
    letter-spacing:1px;
    color:#587566;
    margin-left:8px
}

.lx-brand-footer p {
    font-size:12px;
    line-height:1.9;
    color:#567067;
    max-width:590px;
    margin:12px 0 0
}

.lx-brand-footer nav {
    display:flex;
    gap:25px;
    flex-wrap:wrap;
    flex-shrink:0
}

.lx-brand-footer nav a {
    font-size:12px;
    color:#28563f;
    text-decoration:none
}

.mobile-bottom-nav {
    padding-bottom:env(safe-area-inset-bottom)
}

.mobile-bottom-nav-item.active {
    color:#216344
}

.mobile-nav-close:focus-visible {
    outline-color:#fff
}

.mobile-nav-menu[inert] {
    visibility:hidden
}

.mobile-nav-menu.active {
    visibility:visible
}

.notification-message {
    overflow-wrap:anywhere
}

footer.bg-dark {
    margin-top:0!important
}

.footer-extension:empty {
    display:none
}

@media(max-width:1100px) {
    .main-nav ul {
        gap:18px
    }
    .header-inner {
        gap:18px
    }
    .lx-company-link {
        padding-left:14px;
        font-size:11px
    }
    .lx-brand-footer>.container {
        align-items:flex-start;
        flex-direction:column;
        gap:22px
    }
}

@media(max-width:1000px) {
    .lx-company-link {
        display:none
    }
}

@media(max-width:768px) {
    .header-inner {
        min-height:68px
    }
    .topbar-inner {
        padding-inline:20px
    }
    .lx-brand-footer>.container {
        padding-inline:22px
    }
    .lx-brand-footer nav {
        gap:20px
    }
    .alert.position-fixed {
        min-width:0!important;
        width:min(360px,calc(100vw - 32px));
        right:16px!important
    }
    .topbar .left {
        max-width:calc(100% - 50px)
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto!important
    }
    *,*:before,*:after {
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important
    }
}

.btn-primary {
    background-color:#216344;
    border-color:#216344
}

.btn-primary:hover,.btn-primary:focus {
    background-color:#174d34;
    border-color:#174d34
}

.form-control:focus,.form-select:focus {
    border-color:#578a64;
    box-shadow:0 0 0 .2rem #4c875b26
}

.lx-brand-footer+footer {
    margin-top:0
}

@media(max-width:768px) {
    input.form-control,select.form-select,textarea.form-control {
        font-size:16px
    }
    .btn:not(.btn-sm),.form-control,.form-select {
        min-height:44px
    }
}