body {
    --bg-color: #f2ecdc !important;
    background-color: #f2ecdc !important;
}

body,
#app,
.app,
.main-content,
.store-wrapper,
section,
.s-block,
.container {
    background: #f2ecdc !important;
}

/* Primary Buttons */
.btn--add-to-cart,
.btn-primary,
button[type="submit"],
.s-button-primary {
    background-color: #364530 !important;
    border-color: #364530 !important;
    color: #fff !important;
    transition: 0.3s ease;
}

/* Button Hover */
.btn--add-to-cart:hover,
.btn-primary:hover,
button[type="submit"]:hover,
.s-button-primary:hover {
    background-color: #2b3826 !important;
    border-color: #2b3826 !important;
    color: #fff !important;
}

/* Footer Background */
.store-footer__top,
footer {
    background-color: #22242a !important;
}

/* Footer Text */
footer,
footer * {
    color: #fff !important;
}

/* Footer Links Hover */
footer a:hover,
.store-footer a:hover {
    color: #d6c7a1 !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {

    body,
    section,
    .container {
        background-color: #f2ecdc !important;
    }

    footer a,
    .store-footer a {
        color: #fff !important;
    }

}/* Footer Main Background */
footer,
.store-footer,
.store-footer__top,
.store-footer__inner {
    background: #22242a !important;
}

/* Inner Footer Box */
.store-footer__top .container,
footer .container {
    background: transparent !important;
}

/* Footer Text */
footer,
footer p,
footer span,
footer strong,
footer li,
footer div,
.store-footer * {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Footer Links */
footer a,
.store-footer a {
    color: #f2ecdc !important;
    opacity: 1 !important;
    transition: 0.3s ease;
}

/* Hover Effect */
footer a:hover,
.store-footer a:hover {
    color: #d6c7a1 !important;
}

/* Payment Icons Area */
.store-footer__bottom {
    background: #1b1d22 !important;
}

/* Remove Any Light Backgrounds */
footer .container,
.store-footer .container,
.store-footer__top .container {
    box-shadow: none !important;
    border: none !important;
}

/* Mobile */
@media (max-width: 768px) {

    footer,
    .store-footer,
    .store-footer * {
        text-align: center;
    }

}