:root {
    --natphyto-green: #0d4f29;
    --natphyto-light-green: #158344;
    --natphyto-yellow: #f8b816;
}

body {
    background-color: #f8f9fa;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.natphyto-header {
    background-color: var(--natphyto-green) !important;
    border-bottom: 4px solid var(--natphyto-yellow);
}

.natphyto-title {
    color: var(--natphyto-yellow) !important;
}

.product-gallery {
    background-color: #fff;
    border: 2px solid var(--natphyto-light-green) !important;
}

.order-form-container {
    border-radius: 12px;
}

.order-form-container .card {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--natphyto-green) !important;
}

.card-header.bg-danger {
    background-color: var(--natphyto-green) !important;
}

.btn-danger {
    background-color: var(--natphyto-green) !important;
    border-color: var(--natphyto-green) !important;
    color: #fff !important;
    transition: all 0.3s;
}

.btn-danger:hover {
    background-color: var(--natphyto-light-green) !important;
    border-color: var(--natphyto-light-green) !important;
    transform: scale(1.02);
}

.text-danger,
.border-danger {
    color: var(--natphyto-green) !important;
    border-color: var(--natphyto-green) !important;
}

.btn-outline-danger {
    color: var(--natphyto-green) !important;
    border-color: var(--natphyto-green) !important;
}

.btn-outline-danger:hover {
    background-color: var(--natphyto-green) !important;
    color: #fff !important;
}

.price-ta {
    color: var(--natphyto-light-green) !important;
}

.price-ta h2 {
    font-size: 2.5rem;
}

html {
    scroll-behavior: smooth;
}