body.template-classic {
    background: linear-gradient(180deg, #fff8f2 0%, #ffffff 35%, #fff8f2 100%);
    color: #2f1f1a;
}

.template-classic .navbar {
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(8px);
    border-bottom: 1px solid rgba(255, 112, 67, 0.15);
    box-shadow: 0 15px 40px rgba(255, 112, 67, 0.1);
}

.template-classic .navbar .badge {
    font-weight: 600;
    letter-spacing: 0.02em;
}

.template-classic .responsive-banner {
    border-radius: 28px;
    box-shadow: 0 35px 65px rgba(34, 34, 34, 0.18);
}

.template-classic main {
    border-radius: 20px !important;
}

.template-classic .card {
    border: none;
    border-radius: 20px;
    box-shadow: 0 25px 60px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

.template-classic .card-img-top {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.template-classic .card .badge.bg-warning {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #ff7043 !important;
    font-weight: 600;
}

.template-classic .btn-primary,
.template-classic .btn-success,
.template-classic .btn-warning,
.template-classic .btn-primary:focus {
    background: linear-gradient(135deg, #ff9966, #ff5e62);
    border: none;
    box-shadow: 0 15px 25px rgba(255, 94, 98, 0.35);
}

.template-classic .btn-primary:hover,
.template-classic .btn-success:hover,
.template-classic .btn-warning:hover {
    filter: brightness(0.95);
}

.template-classic #floating-cart-btn {
    background: linear-gradient(135deg, #FDC830, #F37335);
    border: none;
}

.template-classic #floating-cart-btn .badge {
    background: #4caf50;
}

.template-classic .offcanvas {
    border-radius: 30px 0 0 30px;
}

.template-classic #offcanvasCart .offcanvas-header {
    border-bottom: none;
}

.template-classic #offcanvasCart .offcanvas-body {
    background: #fffdfb;
}

.template-classic .modal-content {
    border-radius: 24px;
    border: none;
    box-shadow: 0 35px 80px rgba(15, 23, 42, 0.25);
}

.template-classic #btn-ativar-push {
    background: linear-gradient(135deg, #ff9966, #ff5e62) !important;
}

.template-classic #update-toast {
    background: linear-gradient(135deg, #FDC830, #F37335) !important;
}

/* Força texto vermelho e negrito no campo da taxa de entrega */
.template-classic #cliente-taxa-entrega-display,
#cliente-taxa-entrega-display {
    color: #dc3545 !important;
    font-weight: bold !important;
    background-color: #ffffff !important;
}