:root{

--saffron:#FF9933;
--green:#138808;
--navy:#000080;
--white:#ffffff;

--primary:var(--green);
--secondary:var(--saffron);

}

body{
    font-family:'Segoe UI',sans-serif;
    background:#f7f8fa;
}

.top-strip{
    height:6px;
    background:
    linear-gradient(
        90deg,
        #FF9933 0%,
        #FFFFFF 50%,
        #138808 100%
    );
}

.navbar-brand{
    font-weight:700;
    color:var(--green)!important;
}

.search-box{
    border-radius:50px;
}

.btn-green{
    background:var(--green);
    color:#fff;
}

.btn-green:hover{
    background:#0d6b05;
    color:#fff;
}

.btn-orange{
    background:var(--saffron);
    color:#fff;
}

.hero-section{
    background:
    linear-gradient(
        135deg,
        rgba(255,153,51,.1),
        rgba(255,255,255,.9),
        rgba(19,136,8,.1)
    );

    padding:50px 0;
}

.category-card{

    background:#fff;

    border-radius:15px;

    padding:20px;

    text-align:center;

    border-top:4px solid var(--saffron);

    transition:.3s;
}

.category-card:hover{

    transform:translateY(-5px);

    border-top:4px solid var(--green);

}

.product-card{

    background:#fff;

    border-radius:15px;

    padding:15px;

    box-shadow:0 2px 10px rgba(0,0,0,.08);

    height:100%;
}

.price{
    color:var(--green);
    font-weight:bold;
}

.old-price{
    text-decoration:line-through;
    color:#888;
}

.footer{
    background:#1b1b1b;
    color:#fff;
    padding:40px 0;
}