/* =========================
PRODUCT GRID
========================= */

.roll-on-grid{
max-width:1500px;
margin:0 auto;
padding:20px 6% 140px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:60px;
}

.roll-on-card{
background:linear-gradient(180deg, rgba(20,20,20,0.9), rgba(8,8,8,0.95));
border:1px solid rgba(214,161,77,0.16);
border-radius:22px;
padding:40px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
transition:0.4s ease;
}

.bottle-wrap{
width:100%;
height:clamp(280px,55vw,700px);
display:flex;
align-items:center;
justify-content:center;
margin-bottom:26px;
}

.bottle-wrap .product-photo{
width:100%;
height:100%;
object-fit:cover;
border-radius:14px;
border:1px solid rgba(214,161,77,0.25);
}

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

@media(max-width:700px){

.roll-on-grid{ grid-template-columns:1fr; padding:14px 6% 90px; }

.roll-on-card{ padding:26px 22px; }

.size-btn{ padding:9px 14px; font-size:11.5px; }

 .bottle-wrap{
        height:420px;
    }

    .product-photo{
        width:96%;
        height:96%;
    }


}

@media (min-width:1200px){

    .bottle-wrap{
        height:700px;
    }

    .product-photo{
        width:88%;
        height:88%;
    }

}