.martBackground{
background:rgba(0,0,0,0.85);
backdrop-filter:blur(6px);
}

.martModal{
width:95%;
max-width:950px;
}

.martBox{
background:white;
border-radius:25px;
overflow:hidden;
box-shadow:0 40px 80px rgba(0,0,0,0.6);
position:relative;
}

.martContent{
display:flex;
flex-wrap:wrap;
}

/* Velika slika */

.martImage{
flex:1;
min-height:420px;
background:
linear-gradient(rgba(0,0,0,0.35),rgba(0,0,0,0.6)),
url("https://images.unsplash.com/photo-1524504388940-b1c1722653e1")
center/cover;
}

/* Tekst */

.martText{
flex:1;
padding:60px;
text-align:center;
}

.martText h1{
font-size:48px;
color:#ff4fa3;
}

.martText p{
font-size:22px;
line-height:1.7;
}

/* Dugme */

.martBtn{
display:block;
margin-top:35px;
padding:18px;
background:#ff4fa3;
color:white;
border-radius:50px;
text-decoration:none;
font-size:20px;
transition:0.3s;
}

.martBtn:hover{
transform:scale(1.05);
background:#ff2a8c;
}

/* ❌ CRVENO X DUGME */

.martClose{
position:absolute;
right:20px;
top:10px;
font-size:40px;
color:white;
background:red;
padding:5px 15px;
border-radius:50%;
cursor:pointer;
z-index:99999;
}

.martClose:hover{
background:#cc0000;
}

/* ===== MOBILNI ===== */

@media(max-width:768px){

.martContent{
flex-direction:column;
}

.martImage{
min-height:250px;
}

.martText{
padding:25px;
}

.martText h1{
font-size:30px;
}

.martText p{
font-size:17px;
}

.martBtn{
font-size:17px;
}

}