/* GLOBAL */

body{
font-family:'Poppins',sans-serif;
background:#F7F5F2;
color:#333;
line-height:1.7;
}

.section{
/* reduced vertical padding to decrease space between sections */
padding:30px 0;
}

.section-title{
font-family:'Playfair Display';
font-size:2.7rem;
margin-bottom:30px;
text-align:center;
color:#2c1b18;
}

/* NAVBAR */

.navbar{
background:white;
padding:10px 0; /* reduced height */
border-bottom:1px solid #eee;
}

/* ensure anchor links don't hide behind fixed navbar */
section {
  scroll-margin-top:70px;
}

.logo{
height:80px;
}

.brand-main{
font-family:'Playfair Display';
font-size:1.7rem;
font-weight:700;
color:#4A2C2A;
}

.brand-sub{
font-size:.9rem;
color:#666;
}

.nav-link{
margin-left:25px;
font-weight:500;
color:#333;
}

.nav-link:hover{
color:#4A2C2A;
}

.inquiry-btn{
background:#4A2C2A;
color:white;
padding:8px 22px;
border-radius:25px;
}

.inquiry-btn:hover{
background:#2C1B18;
color:white;
}

/* HERO */

.hero{
min-height:90vh;
position:relative;
display:flex;
align-items:center;
color:white;
padding:120px 0 160px 0;
}

.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.55));
z-index: 1;
}

.hero video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}

.hero .container {
position: relative;
z-index: 2;
}

/* CAROUSEL */

#productCarousel .carousel-item img {
height: 380px;
object-fit: cover;
border-radius: 10px;
}

.carousel-inner {
transition: transform 0.8s ease-in-out;
}

.hero-title{
font-family:'Playfair Display';
font-size:4rem;
font-weight:700;
}

.hero span{
color:#C7A17A;
}

.hero-text{
font-size:1.1rem;
max-width:650px;
color:#f3f3f3;
}

.hero-btn{
padding:12px 30px;
border-radius:30px;
}

.btn-primary.hero-btn{
background:#C7A17A;
border:none;
}

.hero-highlights span{
margin-right:25px;
font-size:.9rem;
}

/* PRODUCT STRIP */

.hero-products{
background:white;
padding:45px 0;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
margin-top:-80px;
position:relative;
z-index:5;
border-radius:10px;
}

.product-item{
padding:20px;
transition:.3s;
}

.product-item img{
height:70px;
margin-bottom:10px;
transition:.3s;
}

.product-item:hover{
transform:translateY(-8px);
}

.product-item:hover img{
transform:scale(1.1);
}

/* TRUST */

.trust{
background:white;
padding:40px 0;
text-align:center;
}

.trust img{
height:35px;
margin:20px;
opacity:.7;
}

/* FEATURES */

.feature-card{
text-align:center;
padding:25px;
}

.feature-card i{
font-size:38px;
color:#4A2C2A;
margin-bottom:10px;
}
/* ABOUT SECTION */

.about-heading{
font-family:'Playfair Display';
font-size:1.8rem;
margin-bottom:15px;
color:#2C1B18;
}

.about-text{
font-size:1rem;
color:#555;
margin-bottom:12px;
line-height:1.7;
}

/* ABOUT ROW */

.row.align-items-center.mb-5 {
min-height: 400px;
}
/* ABOUT IMAGE */

.about-img{
width:450px;
height:350px;
object-fit:cover;
border-radius:10px;
box-shadow:0 8px 20px rgba(0,0,0,0.1);
}

.vision-img{
width:450px;
height:350px;
object-fit:cover;
}
/* STATS */

.stats{
background:#4A2C2A;
color:white;
text-align:center;
}

.stats h2{
font-family:'Playfair Display';
font-size:3rem;
}
/* PRODUCT SECTION */

.product-block{
max-width:420px;
margin:auto;
}

/* IMAGE */

.product-img{
width:100%;
height:280px;
object-fit:cover;
margin-bottom:18px;
transition:.3s;
}

.product-block:hover .product-img{
transform:scale(1.05);
}

/* TITLE */

.product-title{
font-family:'Playfair Display';
font-size:1.4rem;
margin-bottom:10px;
color:#2C1B18;
}

/* DESCRIPTION */
/* PRODUCT DESCRIPTION FONT STYLE */

.product-desc{
font-size:.96rem;
color:#666;
line-height:1.7;
font-style:italic;
font-family:'Poppins', sans-serif;
max-width:300px;
margin:auto;
}
/* APPLICATION SECTION */

.app-intro{
max-width:720px;
margin:auto;
color:#666;
font-size:1rem;
line-height:1.7;
margin-top:10px;
}

/* CARD */

.app-card{
background:white;
padding:30px 25px;
border-radius:10px;
transition:all .3s ease;
max-width:260px;
margin:auto;
}

/* ICON */

.app-card i{
font-size:36px;
color:#4A2C2A;
margin-bottom:12px;
transition:.3s;
}

/* TITLE */

.app-card h5{
font-family:'Playfair Display';
font-size:1.2rem;
margin-bottom:10px;
color:#2C1B18;
}

/* TEXT */

.app-card p{
font-size:.95rem;
color:#666;
line-height:1.6;
font-style:italic;
}

/* HOVER EFFECT */

.app-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.app-card:hover i{
color:#C7A17A;
transform:scale(1.1);
}
/* PROCESS SECTION */

.process-intro{
max-width:720px;
margin:auto;
color:#666;
font-size:1rem;
line-height:1.7;
margin-top:10px;
}

/* PROCESS STEP BLOCK */
.process-step{
text-align:center;
padding:30px 20px;

background:#fff;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.06);

width:100%;
height:100%;

display:flex;
flex-direction:column;

position:relative;
overflow:hidden;
transition:all .3s ease;
}
.process-step::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:4px;
background:#C7A17A;
}

.process-sub{
font-size:12px;
color:#888;
margin-bottom:12px;
letter-spacing:.5px;
}
.process-step:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.1);
}
.process-sub.highlight{
color:#888;        /* same as other subtitles */
font-weight:500;   /* normal weight */
border:none;       /* remove underline */
}
/* ICON */
.process-step i{
font-size:40px;
color:#4A2C2A;
margin-bottom:15px;
transition:.3s;
}

/* TITLE */
.process-step h5{
font-family:'Playfair Display';
font-size:1.35rem;
margin-bottom:8px;
color:#2C1B18;
}

/* DESCRIPTION */
.process-text{
font-size:.95rem;
color:#666;
line-height:1.6;
margin-bottom:10px;
font-style:italic;
}

.process-text:last-child{
margin-bottom:0;
}
/* HOVER EFFECT */

.process-step:hover i{
transform:scale(1.1);
color:#C7A17A;
}

/* TESTIMONIAL */

.testimonial{
background:white;
padding:60px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}
/* CONTACT */

.contact-box{
background:white;
padding:35px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
max-width:520px;
}

/* INTRO TEXT */

.contact-intro{
color:#666;
margin-bottom:25px;
line-height:1.7;
font-size:.96rem;
}

/* CONTACT ITEM */

.contact-item{
display:flex;
align-items:flex-start;
gap:15px;
margin-bottom:22px;
}

/* ICON */

.contact-item i{
font-size:20px;
color:#4A2C2A;
margin-top:5px;
}

/* TITLE */

.contact-item h6{
font-family:'Playfair Display';
font-size:1.1rem;
margin-bottom:3px;
color:#2C1B18;
}

/* TEXT */

.contact-item p{
margin:0;
font-size:.95rem;
color:#666;
}

/* MAP */

.map-box iframe{
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* RESPONSIVE */

@media (max-width:768px){

.contact-box{
margin-top:25px;
}

}
/* SUSTAINABILITY TEXT */

.sustain-text{
font-size:1rem;
color:#666;
line-height:1.8;
margin-bottom:16px;
}

/* NEWSLETTER */

.mail{
background:#EEE8E4;
padding:80px 0;
text-align:center;
}

.mail input{
padding:10px;
border:none;
border-bottom:2px solid #999;
width:260px;
background:transparent;
}
/* FOOTER */

.footer{
background:#2C1B18;
color:#ddd;
padding:60px 0 30px 0;
}

/* TITLE */

.footer-title{
font-family:'Playfair Display';
font-size:1.3rem;
margin-bottom:15px;
color:#fff;
}

/* TEXT */

.footer-text{
font-size:.95rem;
line-height:1.7;
color:#bbb;
}

/* LINKS */

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:8px;
}

.footer-links a{
color:#bbb;
text-decoration:none;
font-size:.95rem;
}

.footer-links a:hover{
color:#C7A17A;
}

/* LINE */

.footer-line{
border-color:#444;
margin:25px 0 10px 0;
}

/* BOTTOM */

.footer-bottom p{
margin:0;
font-size:.9rem;
color:#aaa;
}

/* RESPONSIVE */

@media (max-width:768px){

.footer-col{
margin-bottom:30px;
text-align:center;
}

}
/* MOBILE */

@media (max-width:768px){

.hero-title{
font-size:2.6rem;
}

.hero{
text-align:center;
}

.hero-products{
margin-top:0;
}

.nav-link{
margin-left:0;
}

}

/* SOCIAL MEDIA */

.social-media {
text-align: center;
/* margin: 20px 0; */
}

.social-link {
display: inline-block;
margin: 0 15px;
color: #C7A17A;
font-size: 24px;
text-decoration: none;
transition: color 0.3s;
}

.social-link:hover {
color: #fff;
}