/*====================================================
PRODUCT PAGE CSS
ZARMANY COLLECTABLES
====================================================*/


/*====================================================
PRODUCT HERO
====================================================*/


.product-view{

padding:180px 0 120px;

background:#050505;

position:relative;

overflow:hidden;

}


.product-view::before{

content:"";

position:absolute;

right:-200px;

top:100px;

width:600px;

height:600px;

background:

radial-gradient(
circle,
rgba(212,167,75,.16),
transparent 70%
);

filter:blur(70px);

}




.product-layout{

display:grid;

grid-template-columns:600px 1fr;

gap:90px;

align-items:center;

position:relative;

z-index:2;

}



/*====================================================
PRODUCT IMAGE
====================================================*/


.product-gallery{

position:relative;

}


.main-product-image{

background:#111;

border-radius:30px;

padding:50px;

border:

1px solid rgba(212,167,75,.22);

box-shadow:

0 35px 80px rgba(0,0,0,.6);

}


.main-product-image img{

width:100%;

height:560px;

object-fit:contain;

transition:.5s;

}


.main-product-image:hover img{

transform:scale(1.05);

}



/*====================================================
PRODUCT DETAILS
====================================================*/


.product-details{

max-width:560px;

}


.gold-label{

display:inline-block;

color:#d7b46a;

font-size:13px;

font-weight:600;

letter-spacing:4px;

margin-bottom:25px;

}



.product-details h1{

font-family:'Cormorant Garamond',serif;

font-size:70px;

line-height:1.05;

margin-bottom:20px;

color:#f0d080;

}



.product-details .line{

width:100px;

height:3px;

background:#d4a74b;

margin-bottom:30px;

}



.description{

font-size:18px;

color:#c9c9c9;

line-height:1.9;

margin-bottom:45px;

}



/*====================================================
META
====================================================*/


.product-meta{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

margin-bottom:45px;

}



.product-meta div{

background:#111;

padding:25px;

border-radius:18px;

border:

1px solid rgba(212,167,75,.15);

}



.product-meta span{

display:block;

font-size:12px;

letter-spacing:2px;

text-transform:uppercase;

color:#999;

margin-bottom:10px;

}



.product-meta h4{

font-size:22px;

font-weight:600;

}



.available{

color:#58d468;

}



/*====================================================
PURCHASE BOX
====================================================*/


.purchase-box{

background:#111;

padding:35px;

border-radius:25px;

border:

1px solid rgba(212,167,75,.25);

}



.purchase-box h2{

font-family:'Cormorant Garamond',serif;

font-size:50px;

color:#d4a74b;

margin-bottom:25px;

}



.purchase-box .gold-btn{

width:100%;

}



.purchase-box p{

margin-top:20px;

color:#999;

font-size:14px;

text-align:center;

}





/*====================================================
AUTHENTICITY SECTION
====================================================*/


.product-auth{

padding:120px 0;

background:#090909;

}



.auth-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.auth-card{

background:#111;

padding:40px 30px;

border-radius:22px;

border:

1px solid rgba(212,167,75,.18);

text-align:center;

transition:.35s;

}



.auth-card:hover{

transform:translateY(-8px);

border-color:#d4a74b;

box-shadow:

0 20px 50px rgba(0,0,0,.45);

}



.auth-card h3{

font-family:'Cormorant Garamond',serif;

font-size:32px;

color:#d7b46a;

margin-bottom:15px;

}



.auth-card p{

color:#bbb;

line-height:1.8;

}





/*====================================================
RESPONSIVE
====================================================*/


@media(max-width:1200px){


.product-layout{

grid-template-columns:1fr;

gap:60px;

}



.product-gallery{

max-width:650px;

margin:auto;

}


.product-details{

margin:auto;

}



}



@media(max-width:768px){


.product-view{

padding-top:150px;

}



.product-details h1{

font-size:48px;

}



.main-product-image{

padding:30px;

}



.main-product-image img{

height:350px;

}



.product-meta{

grid-template-columns:1fr;

}



.auth-grid{

grid-template-columns:1fr;

}



.purchase-box h2{

font-size:40px;

}


}



@media(max-width:480px){


.product-details h1{

font-size:40px;

}


.product-view{

padding-bottom:80px;

}


}