.shop-item-page{
background:#0f172a;
min-height:100vh;
padding:60px 20px;
color:white;
}

/* WRAPPER */
.item-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
max-width:1200px;
margin:auto;
}

/* GALLERY */
.gallery{
animation:fadeIn 1s ease;
}

.main-img{
width:100%;
border-radius:15px;
box-shadow:0 20px 50px rgba(0,0,0,0.6);
transition:0.4s;
}

.main-img:hover{
transform:scale(1.03);
}

.thumbs{
display:flex;
gap:10px;
margin-top:15px;
}

.thumbs img{
width:70px;
cursor:pointer;
border-radius:8px;
opacity:0.7;
transition:0.3s;
}

.thumbs img:hover{
opacity:1;
transform:scale(1.1);
}

/* DETAILS */
.details{
animation:slideIn 1s ease;
}

.details h1{
font-size:40px;
margin-bottom:10px;
}

.price{
color:#f59e0b;
font-size:28px;
font-weight:700;
margin-bottom:20px;
}

.desc{
color:#ccc;
line-height:1.6;
}

.meta{
margin:20px 0;
color:#aaa;
}

/* BUTTON */
.btn-buy{
background:linear-gradient(90deg,#17c3b2,#f59e0b);
padding:15px 25px;
border:none;
border-radius:10px;
color:white;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.btn-buy:hover{
transform:scale(1.05);
}

/* ANIMATIONS */
@keyframes fadeIn{
from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}

@keyframes slideIn{
from{opacity:0;transform:translateX(40px);}
to{opacity:1;transform:translateX(0);}
}

/* MOBILE */
@media(max-width:900px){
.item-wrapper{
grid-template-columns:1fr;
}
}