/* Custom Theme Colors - Linear Gradient */
.btn-main,
.bg-main-600,
.text-main-600 {
    background: linear-gradient(135deg, #ff8736 0%, #f36b22 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.btn-main {
    background: linear-gradient(135deg, #ff8736 0%, #f36b22 100%) !important;
    border: none !important;
    color: white !important;
    -webkit-text-fill-color: white !important;
}

.btn-main:hover {
    background: linear-gradient(135deg, #f36b22 0%, #d95714 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(243, 107, 34, 0.4);
}

.bg-main-600 {
    background: linear-gradient(135deg, #ff8736 0%, #f36b22 100%) !important;
    -webkit-text-fill-color: initial;
    color: white !important;
}

.bg-main-50 {
    background: rgba(243, 107, 34, 0.1) !important;
}

.text-main-600 {
    color: #f36b22 !important;
    -webkit-text-fill-color: #f36b22 !important;
}

.hover-text-main-600:hover {
    color: #f36b22 !important;
}

.bg-main-two-50 {
    background: rgba(243, 107, 34, 0.05) !important;
}

/* Update product price colors */
.product-price-main,
.product-price-total {
    color: #f36b22 !important;
}

/* Update cart total */
#cart-total {
    color: #f36b22 !important;
}

@media screen and (max-width: 575.98px) {
    .container {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}