/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 14 2026 | 17:00:13 */
/* Wrapper */
.vinyl-wrapper{
  position: relative;
  overflow: hidden;
}

/* Cover */
.vinyl-wrapper .vinyl-case{
  position: relative;
  z-index: 3;
}

/* Κάνε το cover image να ορίζει το layout (να μην ξεχειλώνει) */
.vinyl-wrapper .vinyl-case img{
  display: block;
  width: 55%!important;
  height: auto;
  max-width: 100%;      /* <-- ΡΥΘΜΙΣΕ το max όσο θες */
}

@media(max-width:768px){
	.vinyl-wrapper .vinyl-case img{
		width:60%!important;
	}
}

/* Vinyl absolute, πίσω */
.vinyl-wrapper .vinyl-disk{
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transform: translateY(-50%);
}

/* Το μέγεθος του vinyl να “δένει” με το cover (όχι με vw) */
.vinyl-wrapper .vinyl-disk img{
  display: block;
  height: auto;
  width: 54%!important;            /* <-- ποσοστό του wrapper/cover */
  max-width: 100%!important;      /* ίδια λογική με cover */
  aspect-ratio: 1 / 1;
  object-fit: contain;
  transform: translateX(-48%) rotate(-20deg);
  transform-origin: 50% 50%;
  transition: transform 1200ms cubic-bezier(.22,.9,.22,1);
  will-change: transform;
}

@media(max-width:768px){
	.vinyl-wrapper .vinyl-disk img{
		width:59%!important;
	}
}

/* In-view animation */
.vinyl-wrapper.lm-vinyl-inview .vinyl-disk img{
  transform: translateX(52%) rotate(360deg);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .vinyl-wrapper .vinyl-disk img{ transition: none !important; }
}