body{
font-family:Arial, Helvetica, sans-serif;
background:#f7f7f7;
margin:0;
padding:0;
}


/* HEADER */

.header-area{
background:#ffffff;
border-bottom:1px solid #ddd;
padding:15px 0;
}

.site-title{
font-weight:bold;
color:#2c3e50;
}

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

.nav-link:hover{
color:#e67e22 !important;
}


/* HERO SECTION */

.hero-section{
background:linear-gradient(to right,#2c3e50,#34495e);
color:white;
padding:80px 20px;
}

.hero-section h1{
font-size:40px;
font-weight:bold;
}

.hero-section p{
font-size:18px;
max-width:700px;
margin:auto;
}

.hero-section .btn{
background:#e67e22;
border:none;
}

.hero-section .btn:hover{
background:#d35400;
}


/* FEATURED SECTION */

.featured-section{
padding:50px 0;
background:white;
}


/* PAINTING CARD */

.painting-card{
background:#fff;
border-radius:8px;
padding:10px;
margin-bottom:25px;
text-align:center;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
transition:0.3s;
}

.painting-card:hover{
transform:translateY(-5px);
box-shadow:0 8px 15px rgba(0,0,0,0.2);
}

.painting-card img{
width:100%;
height:220px;
object-fit:cover;
border-radius:6px;
}

.painting-card h6{
margin-top:10px;
font-weight:bold;
}

.painting-card p{
color:#c0392b;
font-weight:bold;
}


/* FOOTER */

.footer-area{
background:#2c3e50;
color:white;
padding:40px 0;
margin-top:40px;
}

.footer-area h5{
font-weight:bold;
}

.footer-area p{
margin:5px 0;
}


/* RESPONSIVE */

@media (max-width:768px){

.hero-section h1{
font-size:28px;
}

.hero-section{
padding:60px 15px;
}

.site-title{
text-align:center;
margin-bottom:10px;
}

.navbar-nav{
text-align:center;
}

}

/* PAINTING DETAILS */

.painting-img{
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.2);
max-height:500px;
object-fit:cover;
}


/* PRICE BOX */

.price-box{
border:1px solid #ddd;
padding:15px;
border-radius:8px;
text-align:center;
background:#fafafa;
transition:0.3s;
}

.price-box:hover{
box-shadow:0 5px 15px rgba(0,0,0,0.15);
}


/* QR IMAGE */

.qr-img{
width:160px;
height:160px;
margin-top:10px;
}

/* ===== HEADER ===== */

.main-header{
    background:#ffffff;
    border-bottom:1px solid #eee;
    padding:10px 0;
    position:sticky;
    top:0;
    z-index:1000;
}


/* LOGO */

.logo{
    height:45px;
    width:auto;
}

@media (max-width:768px){
    .logo{
        height:35px;
    }
}


/* BRAND NAME */

.brand-name{
    font-size:20px;
    font-weight:600;
    color:#2c3e50;
    text-transform:capitalize;
}


/* MENU LINKS */

.nav-link{
    font-size:16px;
    color:#333 !important;
    margin-left:20px;
    font-weight:500;
    transition:0.3s;
}

.nav-link:hover{
    color:#e67e22 !important;
}


/* MOBILE FIX */

@media (max-width:768px){

.nav-link{
    margin-left:0;
    padding:10px 0;
}

}

.justified-text {
  text-align: justify;
  text-justify: inter-word; /* Adjusts space between words */
}


.message-full{
    max-width:300px;
    white-space:normal;
    word-wrap:break-word;
    line-height:1.5;
}