.Product_Page{ .newProductPageV2{ padding: 10px; background-color: var(--themeUltraLight); } .newProductPageV2Main{ background-color: #FFFFFF; padding: 10px; border-radius: 5px; align-items: flex-start; } .imagesV2{ display: grid; grid-template-columns: 130px auto; gap: 10px; align-items: flex-start; position: relative; } .allImages{ display: grid; grid-template-columns: 1fr; gap: 10px; max-height: 600px; overflow: hidden; } .slideBtn{ background-color: #FFFFFFaa; padding: 5px; position: absolute; text-align: center; width: 120px; z-index: 9; cursor: pointer; left: 0; transition: 0.5s; } .slideBtn:hover{ background-color: #FFFFFF; } .slideBtnTop{ top: 0; } .slideBtnBottom{ bottom: 0; } .mainImage{ height: auto; aspect-ratio: 1/1; border: 0.1px solid #00000029; display: flex; align-items: center; justify-content: center; } .mainImage img{ width: 100%; height: 100%; object-fit: contain; } .mainImage video{ width: 100%; height: 100%; object-fit: contain; } .imageList{ width: 130px; height: 130px; border:0.1px solid #00000029; position: relative; } .imageList img, .imageList video{ width: 100%; height: 100%; aspect-ratio: 1/1; object-fit: cover; } .imagePlayBtn{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; display: flex; align-items: center; justify-content: center; font-size: 30px; background-color: #000000aa; color: #FFFFFF; cursor: pointer; } .slideDescV2Heading{ display: grid; grid-template-columns: 1fr 50px; font-weight: 600; font-size: 16px; padding: 10px; border:0.5px solid #00000019; border-radius: 5px; align-items: center; cursor: pointer; margin-top: 5px; } .headingArrow{ display: flex; align-items: center; justify-content: flex-end; } .slideDescV2Desc{ padding: 10px; border:0.5px solid #00000019; margin-top: 5px; } .imagesV2Sticky{ position: sticky; top: 160px; } .relatedHeading{ font-size: 30px; font-weight: 600; padding: 20px; } }.Product_Page{ @media only screen and (max-width: 900px) { background-attachment:scroll; } }