.product-customization {
max-width: 400px;
margin: 20px auto;
text-align: center;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.necklace-preview-wrapper {
position: relative;
display: inline-block;
}
.necklace-image {
width: 100%;
max-width: 300px;
border-radius: 5px;
}
.live-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #1a1a1a;
font-weight: 300;
font-size: 1.2rem;
pointer-events: none;
}
#engraving-choice, #engraving-text {
width: 100%;
max-width: 300px;
padding: 8px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 2px;
}
button {
padding: 12px 25px;
background-color: #1a1a1a;
color: white;
border: none;
border-radius: 2px;
cursor: pointer;
}
button:hover {
background-color: #333;
}