*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:'Poppins',sans-serif;
    background:#ffffff;

}

.navbar{

    background:#111 !important;

}

.navbar-brand{

    color:#D4AF37 !important;
    font-size:28px;

}

.nav-link{

    color:white !important;
    margin-left:15px;
    transition:.3s;

}

.nav-link:hover{

    color:#D4AF37 !important;

}

.hero {
    min-height: 95vh;

    background:
        linear-gradient(
            rgba(0, 0, 0, 0.55),
            rgba(0, 0, 0, 0.55)
        ),
        url("images/hero.jpg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex;
    justify-content: center;
    align-items: center;

    color: white;
}

.hero .container {
    max-width: 1100px;
}

.hero h1 {
    font-size: 72px;
    font-weight: 700;
    margin-bottom: 35px;

    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.hero p {
    font-size: 21px;
    line-height: 1.6;
    margin: 20px auto;
    max-width: 1050px;

    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}

.hero .btn {
    margin-top: 20px;
    padding: 14px 32px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
}

.btn-primary{

    background:#2563EB;
    border:none;
    padding:15px 40px;
    border-radius:50px;

}

.btn-primary:hover{

    background:#D4AF37;
    color:black;

}

.contact-section{

padding:80px 0;
background:#f4f7fb;

}

.contact-card{

background:#102542;
color:white;

padding:40px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.2);

}

.contact-card h3{

color:#D4AF37;

font-weight:700;

}

.contact-card hr{

border-color:#D4AF37;

}

.contact-card i{

color:#D4AF37;

margin-right:10px;

}

.contact-form{

background:white;

padding:40px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.15);

}

.form-control{

padding:14px;

border-radius:12px;

}

.btn-warning{

background:#D4AF37;
border:none;
color:#111;

font-weight:600;

padding:12px 30px;

}

.btn-warning:hover{

background:#c49b2f;

}

.btn-primary{

background:#2563EB;
border:none;
border-radius:12px;
padding:12px 30px;

}

.btn-primary:hover{

background:#1b4fd3;

}

.services{

    background:#f5f7fb;

}

.service-card{

    background:white;

    border-radius:20px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.12);

    transition:.3s;

    height:100%;

}

.service-card:hover{

    transform:translateY(-8px);

}

.service-card h3{

    color:#102542;

    font-weight:700;

    margin-bottom:20px;

}

.service-card ul{

    list-style:none;

    padding:0;

}

.service-card li{

    padding:8px 0;

    border-bottom:1px solid #eee;

}

.service-card li:last-child{

    border:none;

}

.logo{
    width:45px;
    height:45px;
    object-fit:contain;
    margin-right:10px;
}

/* ===== WORKFLOW PAGE ===== */

.workflow{

    background:#0f172a;

    padding:80px 0;

}

.step-card{

    background:#1e293b;

    color:white;

    text-align:center;

    padding:35px;

    border-radius:15px;

    height:100%;

    transition:.3s;

    border-top:4px solid #D4AF37;

}

.step-card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.step-card i{

    font-size:45px;

    color:#D4AF37;

    margin-bottom:20px;

}

.step-card h3{

    margin-bottom:15px;

    color:white;

}

.step-card p{

    color:#d6d6d6;

}

/* ===== ABOUT ===== */

.about-section{

background:#0f172a;

padding:80px 0;

color:white;

}

.about-section h2{

color:#D4AF37;

margin-bottom:25px;

}

.about-section p{

font-size:18px;

line-height:1.8;

color:#d9d9d9;

}

.values{

background:#102542;

padding:80px 0;

}

.values h2{

color:white;

}

.value-card{

background:#1e293b;

padding:35px;

text-align:center;

border-radius:15px;

height:100%;

transition:.3s;

color:white;

}

.value-card:hover{

transform:translateY(-8px);

}

.value-card i{

font-size:50px;

color:#D4AF37;

margin-bottom:20px;

}

.value-card h4{

margin-bottom:15px;

}

/* ===== GALLERY ===== */

.gallery-section{

background:#0f172a;

padding:80px 0;

}

.gallery-item{

overflow:hidden;

border-radius:20px;

box-shadow:0 10px 30px rgba(0,0,0,.4);

transition:.4s;

cursor:pointer;

}

.gallery-item img{

width:100%;

height:320px;

object-fit:cover;

transition:.5s;

display:block;

}

.gallery-item:hover{

transform:translateY(-8px);

}

.gallery-item:hover img{

transform:scale(1.08);

}

/* ===== PRODUCTS ===== */

.products-page{

background:#0f172a;

padding:80px 0;

}

.product-box{

background:white;

border-radius:18px;

overflow:hidden;

transition:.35s;

height:100%;

box-shadow:0 15px 35px rgba(0,0,0,.25);

}

.product-box:hover{

transform:translateY(-8px);

}

.product-box img{

width:100%;

height:260px;

object-fit:cover;

transition:.45s;

}

.product-box:hover img{

transform:none;

}

.product-content{

padding:25px;

}

.product-content h3{

font-size:24px;

font-weight:700;

}

.price{

color:#2563EB;

font-size:22px;

margin:20px 0;

font-weight:700;

}

.featured-products{

background:#0f172a;

color:white;

}

.featured-products h2{

color:#D4AF37;

font-size:42px;

font-weight:700;

}

.product-card{

background:#1b2538;

border-radius:20px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.3);

height:100%;

transition:.3s;

}

.product-card:hover{

box-shadow:0 20px 45px rgba(212,175,55,.35);

}

.product-card img{

width:100%;

height:240px;

object-fit:cover;

display:block;

}

.product-info{

padding:25px;

text-align:center;

}

.product-info h4{

color:white;

font-weight:600;

}

.price{

font-size:24px;

color:#D4AF37;

font-weight:bold;

margin:15px 0;

}

.product-info .btn{

border-radius:30px;

font-weight:600;

}
.product-page{

background:#111827;

color:white;

}

.product-page h1{

font-size:48px;

font-weight:700;

color:#D4AF37;

margin-bottom:20px;

}

.product-page .price{

font-size:36px;

font-weight:700;

color:#ffffff;

margin-bottom:30px;

}

.product-page p{

font-size:18px;

line-height:1.8;

}

.main-product{

border-radius:20px;

width:100%;

}

.thumb{

cursor:pointer;

transition:.3s;

}

.thumb:hover{

opacity:.8;

}

.product-page ul{

margin-top:20px;

margin-bottom:30px;

}

.product-page li{

margin-bottom:10px;

font-size:17px;

}

.product-link{

    text-decoration:none;
    color:inherit;
    display:block;

}

.phone-box{

display:flex;
align-items:center;
gap:15px;

margin-bottom:25px;

}

.phone-number{

font-size:30px;
font-weight:700;

color:#D4AF37;

text-decoration:none;

transition:.3s;

}

.phone-number:hover{

color:#ffd54f;

}

.whatsapp-icon{

font-size:38px;

color:#25D366;

transition:.3s;

}

.whatsapp-icon:hover{

transform:scale(1.15);

color:#1ebe5d;

text-decoration:none;

}

.contact-row{

display:flex;
align-items:center;
justify-content:space-between;

margin:25px 0;

gap:15px;

flex-wrap:wrap;

}

.contact-link{

display:flex;
align-items:center;
gap:8px;

text-decoration:none;

color:#fff;

font-size:18px;

font-weight:600;

transition:.3s;

}

.contact-link i{

font-size:24px;

color:#D4AF37;

}

.contact-link:hover{

color:#D4AF37;

}

.whatsapp{

color:#25D366;

}

.whatsapp i{

color:#25D366;

}

.thumb{

cursor:pointer;

border:2px solid transparent;

transition:.3s;

}

.thumb:hover{

border:2px solid #D4AF37;

transform:scale(1.05);

}


.product-page .form-control,
.product-page .form-select{

background:#1b2538;
color:white;

border:1px solid #2d3b52;

}

.product-page .form-control::placeholder{

color:#9aa4b2;

}

.product-page .form-control:focus,
.product-page .form-select:focus{

background:#1b2538;
color:white;

border-color:#D4AF37;

box-shadow:0 0 10px rgba(212,175,55,.25);

}

.product-page label{

font-weight:600;

margin-bottom:8px;

color:#D4AF37;

}
.cart-page{

min-height:70vh;

}

.cart-page .card{

border-radius:15px;

}

.cart-page img{

height:180px;
width:100%;
object-fit:cover;

}

.cart-page .btn{

transition:.3s;

}

.cart-page .btn:hover{

transform:translateY(-2px);

}

.position-sticky{

z-index:10;

}
.object-fit-cover{
    object-fit: cover;
    min-height: 500px;
}

.card{
    background:white;
    transition:.3s;
}

.card:hover{
    transform:translateY(-4px);
}

.services-section .container {
    transform: translateX(200px);
}

.whatsapp-float {
    position: fixed;
    right: 25px;
    bottom: 25px;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 12px 18px;

    background: #25D366;
    color: white;

    border-radius: 30px;

    text-decoration: none;
    font-weight: 500;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);

    z-index: 9999;

    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-float i {
    font-size: 22px;
}

.whatsapp-float:hover {
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.hero-intro {
    font-size: 23px;
    font-weight: 500;
}

.hero-description {
    font-size: 19px;
    max-width: 950px;
    opacity: 0.9;
}