:root{
--brand-orange:#BC4D09;
--brand-green:#4A4C1A;
--cream:#F7F4EA;
}

body{
font-family:Arial, Helvetica, sans-serif;
background:#fafafa;
}


/* ================= CATEGORY TABS ================= */

.tab-btn{
padding:12px 24px;
border-radius:50px;
border:1px solid #e5e5e5;
font-size:14px;
cursor:pointer;
background:white;
display:flex;
align-items:center;
gap:8px;
font-weight:500;
transition:0.25s;
}

.tab-btn:hover{
border-color:var(--brand-orange);
color:var(--brand-orange);
}

.tab-btn.active{
background:var(--brand-orange);
color:white;
border:none;
box-shadow:0 10px 25px rgba(0,0,0,0.12);
}


/* ================= PRODUCT CARD ================= */

.product-card{
background:white;
/*border-radius:18px;*/
overflow:hidden;
box-shadow:0 8px 30px rgba(0,0,0,0.08);
transition:0.25s;
position:relative;
padding-bottom:18px;
}

.product-card:hover{
box-shadow:0 15px 45px rgba(0,0,0,0.12);
}

.product-card img{
width:100%;

object-fit:cover;
}


/* ================= ENQUIRY BUTTON ================= */

.enquiry-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;

margin:18px auto 0 auto;

padding:10px 18px;
width: 80%;

background:#25D366;
color:white;

font-size:15px;
font-weight:600;

border-radius:40px;
text-decoration:none;

box-shadow:0 6px 18px rgba(37,211,102,0.35);

transition:0.25s;
}

.enquiry-btn:hover{
background:#1ebe5d;
box-shadow:0 10px 25px rgba(37,211,102,0.45);
}


/* ================= VIEW ALL BUTTON ================= */

.view-btn{
display:inline-flex;
align-items:center;
gap:10px;

padding:12px 28px;

border:2px solid var(--brand-orange);
color:var(--brand-orange);

border-radius:40px;

font-weight:600;
text-decoration:none;

transition:0.3s;
}

.view-btn:hover{
background:var(--brand-orange);
color:white;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/*features*/
.feature-box{

display:flex;
gap:16px;
align-items:flex-start;

padding:22px ;

background:rgba(255,255,255,0.85);
backdrop-filter:blur(10px);

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,0.08);

transition:0.35s;

}

.feature-box:hover{

transform:translateY(-6px);
box-shadow:0 25px 50px rgba(0,0,0,0.15);

}

/* icon */

.feature-box i{

width:58px;
height:58px;

display:flex;
align-items:center;
justify-content:center;

background:linear-gradient(135deg,var(--brand-orange),#e76f1e);

color:white;
font-size:20px;

border-radius:50%;

box-shadow:0 10px 25px rgba(0,0,0,0.15);

flex-shrink:0;

}

/* title */

.feature-box h3{

font-size:17px;
font-weight:600;
color:var(--brand-green);

}

/* text */

.feature-box p{

font-size:14px;
color:#666;
margin-top:4px;

}

.product-title {
    font-size: 18px;
    font-weight: 600;
    /* margin-top: 10px; */
    text-align: center;
    color: #ffffff;
    background: #ce580d;
    padding: 10px;
}

/*features*/