<style><!--
#gallery {
scroll-snap-type: x mandatory;
overflow-x: scroll;
display: flex;
}

#gallery img {
scroll-snap-align: center;
width: 100%;
height: auto;
max-height: 500px;
margin: 0 10px;
}

#gallery img:first-child {
margin-left: 0;
}

#gallery img:last-child {
margin-right: 0;
}

.table-container-talla-pendientes {
width: 100%;
max-width: 600px;
margin: auto;
border-collapse: collapse;
font-family: Arial, sans-serif;
box-sizing: border-box;
}
.table-container-talla-pendientes th, .table-container-talla-pendientes td {
border: 1px solid #ddd;
padding: 8px;
text-align: center;
}
.table-container-talla-pendientes th {
background-color: #f2f2f2;
}
.table-container-talla-pendientes td {
background-color: #fff;
}

.contact-container {
max-width: 600px; /* Tamaño máximo del contenedor */
margin: auto;
padding: 20px;
font-family: Arial, sans-serif;
background-color: #f7f6f4; /* Fondo similar al de la imagen */
border: 1px solid #ddd;
box-sizing: border-box;
}
.contact-container h2 {
font-size: 18px;
margin-bottom: 15px;
}
.contact-container a {
color: #000;
text-decoration: none;
}
.contact-container a:hover {
text-decoration: underline;
}
.contact-item {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.contact-item img {
margin-right: 10px;
width: 20px;
height: 20px;
}
.contact-item p {
margin: 0;
}
.contact-note {
font-size: 14px;
color: #555;
margin-left: 30px; /* Alineación con el icono */
}
@media (max-width: 600px) {
.carousel-inner {
height: auto;
}
.contact-container {
padding: 15px;
}
.contact-container h2 {
font-size: 16px;
}
.contact-item img {
width: 18px;
height: 18px;
}
.contact-note {
font-size: 12px;
margin-left: 25px; /* Alineación con el icono */
}
}
@media (max-width: 600px) {
.table-container-talla-pendientes th, .table-container-talla-pendientes td {
padding: 6px;
font-size: 14px;
}
}
--></style>
<div style="padding: 0 20px 20px 20px;">
<h6>Tallas de anillos</h6>
<div id="gallery">
<img src="https://cdn.shopify.com/s/files/1/0043/5961/8632/files/link_-irina_-alma_-hoops-drops_-ida-maxi_-balloon_-cosmic_-mel_web_a133003d-30e3-4123-8aab-ef7d1360a03c.jpg?v=1713903182"> <img src="https://cdn.shopify.com/s/files/1/0043/5961/8632/files/elysse_-pi-nibm_-pi-laleh_-pi-ida-xl_-pi-nora_-salma_-pi-diamond_web.jpg?v=1714155578"> <img src="https://cdn.shopify.com/s/files/1/0043/5961/8632/files/elda-purple_-ida-maxi_-cara-fucsia_-charn-klin-purple_-bimba_-charm-hill-pinkm-cara-red_-charm-horizon_-char-hill-purpple_-cara-turkis_-virgo-pink_-virgo-purple_-bimba-mini_-horizon-t_2f70ca80-1d2b-4d87-bbaa-5f9a9a00d6aa.jpg?v=1713904261">
</div>
<table class="table-container-talla-pendientes">
<thead>
<tr>
<th>Tamaño de Pendientes - Pulgadas (in)</th>
<th>Centímetros (cm)</th>
</tr>
</thead>
<tbody>
<tr>
<td>1"</td>
<td>2.54 cm</td>
</tr>
<tr>
<td>2"</td>
<td>5.08 cm</td>
</tr>
<tr>
<td>3"</td>
<td>7.62 cm</td>
</tr>
<tr>
<td>4"</td>
<td>10.16 cm</td>
</tr>
<tr>
<td>5"</td>
<td>12.70 cm</td>
</tr>
</tbody>
</table>
<div class="contact-container">
<h2>Need help finding your size? Let us help.</h2>
<div class="contact-item">
<img alt="Email Icon" src="https://img.icons8.com/ios-glyphs/30/000000/email.png"> <a href="mailto:contacto@adamina.es">contacto@adamina.es</a>
</div>
<div class="contact-item">
<img alt="Phone Icon" src="https://img.icons8.com/ios-glyphs/30/000000/phone.png"> <a href="tel:+13105974745">Text 0000000</a>
</div>
<p class="contact-note">This is a U.S. number. Charges may apply.</p>
<div class="contact-item">
<img alt="Store Icon" src="https://img.icons8.com/ios-glyphs/30/000000/shop.png"> <a href="#">Visit a Store</a>
</div>
<div class="contact-item">
<img alt="Appointment Icon" src="https://img.icons8.com/ios-glyphs/30/000000/calendar.png"> <a href="#">Book a Styling Appointment</a>
</div>
</div>
</div>