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

body{
font-family:Arial, Helvetica, sans-serif;
background:#111111;
color:white;
}

.container{
max-width:1550px;
margin:auto;
padding:35px;
}

.top-card{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:30px;
align-items:center;
background:#1a1a1a;
border-radius:35px;
overflow:hidden;
margin-bottom:40px;
}

.left{
padding:60px;
}

.label{
display:inline-block;
padding:12px 20px;
background:#5f2031;
border-radius:999px;
font-size:14px;
letter-spacing:1px;
margin-bottom:24px;
}

h1{
font-size:72px;
line-height:1;
margin-bottom:20px;
}

.price{
font-size:42px;
font-weight:bold;
color:#ffb7c8;
margin-bottom:24px;
}

.desc{
font-size:22px;
line-height:1.7;
color:#d0d0d0;
margin-bottom:28px;
}

.contact{
font-size:24px;
margin-bottom:30px;
}

.contact span{
display:block;
margin-bottom:10px;
color:#aaa;
}

.contact a{
color:#ffb7c8;
text-decoration:none;
font-weight:bold;
word-break:break-word;
}

.button{
display:inline-block;
background:#ffb7c8;
color:#111;
padding:18px 30px;
border-radius:16px;
font-weight:bold;
text-decoration:none;
font-size:20px;
}

.right{
height:100%;
min-height:700px;
}

.right img{
width:100%;
height:100%;
object-fit:cover;
}

.specs{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-bottom:55px;
}

.spec{
background:#1f1f1f;
padding:24px;
border-radius:20px;
font-weight:bold;
font-size:18px;
text-align:center;
}

h2{
font-size:54px;
margin-bottom:30px;
}

.gallery{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.item{
background:#1a1a1a;
padding:14px;
border-radius:28px;
height:430px;
}

.item img{
width:100%;
height:100%;
object-fit:contain;
border-radius:18px;
background:black;
}

.big{
height:650px;
}

.wide{
grid-column:span 2;
height:520px;
}

@media(max-width:900px){

.container{
padding:18px;
}

.top-card{
grid-template-columns:1fr;
}

.left{
padding:35px 25px;
}

h1{
font-size:46px;
}

.price{
font-size:34px;
}

.desc{
font-size:18px;
}

.contact{
font-size:18px;
}

.right{
min-height:auto;
}

.gallery{
grid-template-columns:1fr;
}

.wide{
grid-column:auto;
}

.item,
.big,
.wide{
height:auto;
}

.item img{
height:320px;
}
}
