/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart

/* ===================================================
   CHAYABITHEE Premium 404 Page
=================================================== */

.ch404-hero{
    padding:80px 20px;
    background:#faf8f3;
}

.ch404-container{
    max-width:900px;
    margin:0 auto;
    text-align:center;
}

.ch404-logo{
    max-width:240px;
    height:auto;
    margin-bottom:25px;
}

.ch404-badge{
    display:inline-block;
    padding:10px 20px;
    border-radius:30px;
    background:#D4AF37;
    color:#111;
    font-weight:600;
    margin-bottom:25px;
}

.ch404-number{
    font-size:140px;
    line-height:1;
    font-weight:800;
    color:#D4AF37;
    margin:0;
}

.ch404-title{
    font-size:42px;
    margin:20px 0 15px;
}

.ch404-desc{
    max-width:650px;
    margin:0 auto 35px;
    color:#666;
    line-height:1.8;
}

.ch404-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.ch-btn{
    display:inline-block;
    padding:14px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.ch-home{
    background:#D4AF37;
    color:#111;
}

.ch-shop{
    background:#111;
    color:#fff;
}

.ch-back{
    border:2px solid #D4AF37;
    color:#111;
    background:#fff;
}

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

@media (max-width:768px){

    .ch404-number{
        font-size:90px;
    }

    .ch404-title{
        font-size:28px;
    }

    .ch404-buttons{
        flex-direction:column;
        align-items:center;
    }

    .ch-btn{
        width:220px;
    }
.ch-section-title{
text-align:center;
font-size:34px;
margin:70px 0 30px;
}

.ch-features{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
margin-top:60px;
}

.ch-feature{
background:#fff;
padding:30px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
}

.ch-feature:hover{
transform:translateY(-8px);
}

.ch-feature .icon{
font-size:42px;
margin-bottom:15px;
}

.ch-category-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
margin-bottom:40px;
}

.ch-category-grid a{
display:block;
padding:18px;
background:#111;
color:#fff;
text-decoration:none;
text-align:center;
border-radius:14px;
font-weight:600;
transition:.3s;
}

.ch-category-grid a:hover{
background:#D4AF37;
color:#111;
}
.ch-whatsapp{
position:fixed;
right:20px;
bottom:20px;
width:60px;
height:60px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
text-decoration:none;
color:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.2);
z-index:9999;
transition:.3s;
}

.ch-whatsapp:hover{
transform:scale(1.08);
}
/* ===== CTA ===== */

.ch404-cta{
margin:80px auto;
padding:60px 30px;
background:linear-gradient(135deg,#D4AF37,#F7D774);
border-radius:25px;
text-align:center;
}

.ch404-cta h2{
font-size:42px;
margin-bottom:15px;
color:#111;
}

.ch404-cta p{
font-size:18px;
color:#222;
margin-bottom:25px;
}

.ch404-cta a{
display:inline-block;
padding:16px 34px;
background:#111;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:700;
transition:.3s;
}

.ch404-cta a:hover{
transform:translateY(-5px);
}
/* ===== Footer ===== */

.ch404-footer{

margin-top:80px;

padding:50px 20px;

text-align:center;

border-top:1px solid #eee;

}

.ch404-footer img{

max-width:180px;

margin-bottom:20px;

}

.ch404-footer h3{

margin-bottom:10px;

font-size:28px;

}

.ch404-footer p{

margin:8px 0;

color:#666;

}
.ch-feature,
.ch404-cta,
.ch-category-grid a{

transition:all .35s ease;

}

.ch-feature:hover{

transform:translateY(-8px);

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

}

.ch404-cta:hover{

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

}


}