Gioielli Piercing Atomika · Titanio ASTM F136@endsection



<style>
.m-vetrina-hero{
  background: var(--m-black); color: #fff;
  padding: 12rem 2rem 5rem;
  text-align: center; position: relative; overflow: hidden;
}
@media (max-width: 600px){ .m-vetrina-hero{ padding: 10rem 1.5rem 4rem; } }

.m-vetrina-back{ margin-bottom: 2.2rem; }
.m-vetrina-back a{
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.6rem 1.4rem; border-radius: 999px;
  background: rgba(255,255,255,0.08); color: #fff;
  border: 1px solid rgba(255,255,255,0.20);
  font-size: 1.25rem; font-weight: 600; text-decoration: none;
  text-transform: none; letter-spacing: 0.01em;
  transition: all 0.15s ease;
}
.m-vetrina-back a:hover{
  background: rgba(198,171,2,0.18);
  border-color: var(--m-yellow);
  color: var(--m-yellow);
}
.m-vetrina-back a::before{ content: "←"; font-weight: 800; }

.m-vetrina-foot__ctas{
  display: flex; flex-wrap: wrap; gap: 1.2rem; justify-content: center;
  align-items: center;
}
.m-vetrina-foot__back{
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 1.1rem 2rem; border-radius: 999px;
  background: transparent; color: var(--m-black);
  border: 1.5px solid var(--m-black);
  font-size: 1.4rem; font-weight: 700; text-decoration: none;
  text-transform: none; transition: all 0.15s ease;
}
.m-vetrina-foot__back:hover{
  background: var(--m-black); color: #fff;
}
.m-vetrina-foot__back::before{ content: "←"; font-weight: 800; }
.m-vetrina-hero::before{
  content: ""; position: absolute; inset: -10rem auto auto -10rem;
  width: 38rem; height: 38rem; border-radius: 50%;
  background: radial-gradient(circle, rgba(198,171,2,0.18) 0%, rgba(198,171,2,0) 70%);
  pointer-events: none;
}
.m-vetrina-hero > *{ position: relative; z-index: 1; }
.m-vetrina-hero__eyebrow{
  display: inline-block; font-size: 1.2rem; letter-spacing: 0.2em; font-weight: 700;
  text-transform: uppercase; color: var(--m-yellow); margin-bottom: 1rem;
}
.m-vetrina-hero__h1{
  font-size: clamp(3rem, 5vw, 5rem) !important; font-weight: 800 !important;
  letter-spacing: -0.02em !important; line-height: 1.1 !important;
  color: #fff !important; margin: 0 0 1.5rem !important; text-transform: none !important;
}
.m-vetrina-hero__h1 span{ color: var(--m-yellow); }
.m-vetrina-hero__lead{
  font-size: 1.7rem; line-height: 1.55; color: rgba(255,255,255,0.85);
  max-width: 70ch; margin: 0 auto 2rem; text-transform: none;
}
.m-vetrina-hero__badges{
  display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center;
  list-style: none; padding: 0; margin: 0;
}
.m-vetrina-hero__badges li{
  font-size: 1.25rem; color: #fff; padding: 0.6rem 1.4rem;
  border: 1px solid rgba(255,255,255,0.25); border-radius: 999px;
  text-transform: none;
}

.m-vetrina-group{ padding: 6rem 2rem; }
.m-vetrina-group--alt{ background: var(--m-gray-50); }
.m-vetrina-container{ max-width: 1280px; margin: 0 auto; }
.m-vetrina-group__head{ margin-bottom: 3rem; }
.m-vetrina-group__eyebrow{
  display: inline-block; font-size: 1.15rem; letter-spacing: 0.2em; font-weight: 700;
  text-transform: uppercase; color: var(--m-yellow); margin-bottom: 0.6rem;
}
.m-vetrina-group__title{
  font-size: clamp(2.4rem, 3.4vw, 3.4rem) !important; font-weight: 800 !important;
  letter-spacing: -0.02em !important; line-height: 1.15 !important;
  color: var(--m-black) !important; margin: 0 0 0.8rem !important; text-transform: none !important;
}
.m-vetrina-group__desc{
  font-size: 1.5rem; line-height: 1.55; color: var(--m-gray-700);
  max-width: 70ch; margin: 0; text-transform: none;
}

.m-vetrina-grid{
  display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.8rem;
}
@media (max-width: 1100px){ .m-vetrina-grid{ grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 900px){ .m-vetrina-grid{ grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px){ .m-vetrina-grid{ grid-template-columns: repeat(2, 1fr); gap: 1.2rem; } }

.m-jewel{
  background: #fff; border: 1px solid var(--m-gray-200); border-radius: 14px;
  overflow: hidden; display: flex; flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.m-vetrina-group--alt .m-jewel{ background: #fff; }
.m-jewel:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(17,24,31,0.08);
  border-color: var(--m-yellow);
}
.m-jewel__media{
  aspect-ratio: 1/1; background: #fafafa;
  display: flex; align-items: center; justify-content: center;
}
.m-jewel__media img{
  width: 100%; height: 100%; object-fit: contain; padding: 1rem;
}
.m-jewel__body{
  padding: 1.2rem 1.4rem 1.4rem; display: flex; flex-direction: column; gap: 0.4rem;
  border-top: 1px solid var(--m-gray-200);
}
.m-jewel__name{
  font-size: 1.4rem !important; font-weight: 700 !important; color: var(--m-black) !important;
  margin: 0 !important; line-height: 1.25 !important; text-transform: none !important;
  letter-spacing: -0.005em !important;
}
.m-jewel__meta{
  display: flex; justify-content: space-between; align-items: baseline;
  margin-top: 0.4rem;
}
.m-jewel__price{
  font-size: 1.35rem; font-weight: 800; color: var(--m-black);
  text-transform: none;
}
.m-jewel__price small{ font-size: 0.85em; font-weight: 600; color: var(--m-gray-500); }
.m-jewel__price--na{ color: var(--m-gray-500); font-size: 1.15rem; font-weight: 600; font-style: italic; }

.m-vetrina-foot{
  padding: 6rem 2rem; background: var(--m-yellow-soft);
  text-align: center;
}
.m-vetrina-foot p{
  font-size: 1.5rem; line-height: 1.6; color: var(--m-gray-700);
  margin: 0 auto 2rem; max-width: 60ch; text-transform: none;
}
.m-vetrina-foot p strong{ color: var(--m-black); }

/* Nav ancora tra categorie (sotto hero) */
.m-vetrina-nav{
  background: #fff; border-bottom: 1px solid var(--m-gray-200);
}
.m-vetrina-nav__inner{
  max-width: 1280px; margin: 0 auto; padding: 1rem 2rem;
  display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center;
  justify-content: center;
}
.m-vetrina-nav__link{
  display: inline-flex; align-items: center; gap: 0.5rem;
  padding: 0.7rem 1.4rem; font-size: 1.3rem; font-weight: 600;
  color: var(--m-gray-700); background: var(--m-gray-50);
  border: 1px solid var(--m-gray-200); border-radius: 999px;
  text-decoration: none; transition: all .15s ease;
  text-transform: none; letter-spacing: 0.01em;
}
.m-vetrina-nav__link:hover{
  background: var(--m-yellow-soft); border-color: var(--m-yellow);
  color: var(--m-black);
}
.m-vetrina-nav__count{
  font-size: 0.85em; font-weight: 700; color: var(--m-yellow);
}
/* offset per anchor scroll (header fisso) */
.m-vetrina-group{ scroll-margin-top: 80px; }

/* Card cliccabile → modal zoom */
.m-jewel{ cursor: zoom-in; }
.m-jewel:focus-visible{ outline: 3px solid var(--m-yellow); outline-offset: 2px; }

.m-jewel-modal{
  border: 0; padding: 0; border-radius: 16px;
  width: min(720px, 92vw); max-height: 92vh; overflow: hidden;
  background: #fff; position: relative;
}
.m-jewel-modal::backdrop{
  background: rgba(17, 24, 31, 0.78);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.m-jewel-modal__close{
  position: absolute; top: 1.2rem; right: 1.2rem; width: 4rem; height: 4rem;
  border: 0; background: rgba(255,255,255,0.95); color: var(--m-black);
  border-radius: 50%; font-size: 2.6rem; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center; z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,0.18); font-weight: 300;
}
.m-jewel-modal__close:hover{ background: var(--m-yellow); }
.m-jewel-modal__media{
  background: #fafafa; aspect-ratio: 1/1;
  display: flex; align-items: center; justify-content: center; padding: 2.4rem;
}
.m-jewel-modal__media img{
  max-width: 100%; max-height: 100%; object-fit: contain;
}
.m-jewel-modal__body{
  padding: 2rem 2.4rem 2.4rem; text-align: center;
  border-top: 1px solid var(--m-gray-200);
}
.m-jewel-modal__name{
  font-size: 2.2rem !important; font-weight: 800 !important;
  color: var(--m-black) !important; margin: 0 0 0.5rem !important;
  text-transform: none !important; letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
}
.m-jewel-modal__price{
  font-size: 1.6rem; font-weight: 700; color: var(--m-gray-700);
  margin: 0; text-transform: none;
}
.m-jewel-modal__price--na{ font-style: italic; font-weight: 600; color: var(--m-gray-500); }
@media (max-width: 600px){
  .m-jewel-modal__media{ padding: 1.6rem; }
  .m-jewel-modal__body{ padding: 1.6rem 1.8rem 1.8rem; }
}
</style>


<!DOCTYPE html>
<html lang="it" class="no-js">
	
<head>
	<meta charset="utf-8">

<!-- Google Tag Manager (delayed until user interaction or 4s timeout) -->
<script>
(function(w,d,s,l,i){
  w[l]=w[l]||[];
  w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
  var loaded=false;
  function loadGTM(){
    if (loaded) return; loaded=true;
    var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),
        dl=l!='dataLayer'?'&l='+l:'';
    j.async=true;
    j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
    f.parentNode.insertBefore(j,f);
  }
  var evts=['scroll','mousemove','touchstart','keydown','click'];
  function trigger(){
    evts.forEach(function(e){w.removeEventListener(e,trigger,{passive:true});});
    loadGTM();
  }
  evts.forEach(function(e){w.addEventListener(e,trigger,{passive:true,once:true});});
  // Fallback: load after 4s of silence so SEO crawlers / silent visits still fire GTM
  setTimeout(loadGTM, 4000);
})(window,document,'script','dataLayer','GTM-TBN85FC');
</script>
<!-- End Google Tag Manager -->

<meta name="facebook-domain-verification" content="bwxr7fdf0mfv8pmou0fxvmcbvnp3t5" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta name="theme-color" content="#C6AB02" />
<meta name="csrf-token" content="DQHJXBA2jjkszJJmLOHp0uUI85Op7I93VTqdd6Lp">

<link rel="canonical" href="https://thebeautyfactory.it/body-piercing-roma/gioielli">

<meta property="og:type" content="website">
<meta property="og:site_name" content="The Beauty Factory - Sharon Russo">
<meta property="og:locale" content="it_IT">
<meta property="og:url" content="https://thebeautyfactory.it/body-piercing-roma/gioielli">
<meta property="og:title" content="Microblading &amp; Trucco Permanente Roma - Sharon Russo">
<meta property="og:description" content="Vetrina completa: punti luce, cerchietti, barre curve. Tutti in titanio implant-grade, adatti al primo foro.">
<meta property="og:image" content="https://thebeautyfactory.it/img/microblading-e-trucco-permanente-roma/sopracciglia/hybrid-brows-sopracciglia-roma.webp">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Microblading &amp; Trucco Permanente Roma - Sharon Russo">
<meta name="twitter:description" content="Vetrina completa: punti luce, cerchietti, barre curve. Tutti in titanio implant-grade, adatti al primo foro.">
<meta name="twitter:image" content="https://thebeautyfactory.it/img/microblading-e-trucco-permanente-roma/sopracciglia/hybrid-brows-sopracciglia-roma.webp">


<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": ["BeautySalon", "HealthAndBeautyBusiness"],
            "@id": "https://thebeautyfactory.it/#business",
            "name": "The Beauty Factory - Sharon Russo",
            "url": "https://thebeautyfactory.it",
            "image": [
                "https://thebeautyfactory.it/img/microblading-e-trucco-permanente-roma/sopracciglia/hybrid-brows-sopracciglia-roma.webp"
            ],
            "logo": {"@id": "https://thebeautyfactory.it/#logo"},
            "telephone": "+393483106525",
            "email": "info@thebeautyfactory.it",
            "priceRange": "€€€",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Via Flaminia 855",
                "addressLocality": "Roma",
                "addressRegion": "RM",
                "postalCode": "00191",
                "addressCountry": "IT"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 41.9516391,
                "longitude": 12.4838165
            },
            "areaServed": {"@type": "City", "name": "Roma"},
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5.0",
                "reviewCount": "417"
            },
            "openingHoursSpecification": [{
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
                "opens": "10:00",
                "closes": "19:00"
            }],
            "sameAs": [
                "https://www.instagram.com/sharonrusso_tbf/",
                "https://www.facebook.com/Sharon-Russo-permanent-makeup-microblading-artist-143818229615265/",
                "https://www.youtube.com/channel/UCaXoY3XawQ7WylCgVzJztsA"
            ],
            "founder": [
                {"@id": "https://thebeautyfactory.it/#sharon-russo"},
                {"@id": "https://thebeautyfactory.it/#riccardo-marchi"}
            ],
            "hasOfferCatalog": {
                "@type": "OfferCatalog",
                "name": "Trattamenti The Beauty Factory",
                "itemListElement": [
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-microblading", "@type": "Service", "name": "Microblading sopracciglia", "url": "https://thebeautyfactory.it/microblading-sopracciglia-roma", "provider": {"@id": "https://thebeautyfactory.it/#sharon-russo"}}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-sopracciglia-dermografo", "@type": "Service", "name": "Trucco Permanente sopracciglia (dermografo)", "url": "https://thebeautyfactory.it/trucco-permanente-sopracciglia-roma", "provider": {"@id": "https://thebeautyfactory.it/#sharon-russo"}}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-labbra", "@type": "Service", "name": "Trucco Permanente labbra", "url": "https://thebeautyfactory.it/trucco-permanente-roma/tatuaggio-labbra", "provider": {"@id": "https://thebeautyfactory.it/#sharon-russo"}}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-eyeliner", "@type": "Service", "name": "Trucco Permanente eyeliner", "url": "https://thebeautyfactory.it/trucco-permanente-roma/tatuaggio-eyeliner-roma", "provider": {"@id": "https://thebeautyfactory.it/#sharon-russo"}}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-tricopigmentazione", "@type": "Service", "name": "Tricopigmentazione", "url": "https://thebeautyfactory.it/tricopigmentazione-roma", "provider": {"@id": "https://thebeautyfactory.it/#riccardo-marchi"}}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-piercing", "@type": "Service", "name": "Body piercing", "url": "https://thebeautyfactory.it/body-piercing-roma"}},
                    {"@type": "Offer", "itemOffered": {"@id": "https://thebeautyfactory.it/#service-laminazione", "@type": "Service", "name": "Laminazione ciglia e sopracciglia", "url": "https://thebeautyfactory.it/laminazione-ciglia-e-sopracciglia-roma"}}
                ]
            }
        },
        {
            "@type": ["BeautySalon", "HealthAndBeautyBusiness"],
            "@id": "https://thebeautyfactory.it/#business-trico",
            "name": "The Beauty Factory - Tricopigmentazione Roma",
            "url": "https://thebeautyfactory.it/tricopigmentazione-roma",
            "image": [
                "https://thebeautyfactory.it/img/tricopigmentazione/riccardo-marchi-tricopigmentazione-roma.webp"
            ],
            "logo": {"@id": "https://thebeautyfactory.it/#logo"},
            "telephone": "+393483106525",
            "email": "info@thebeautyfactory.it",
            "address": {
                "@type": "PostalAddress",
                "streetAddress": "Via Flaminia 855",
                "addressLocality": "Roma",
                "addressRegion": "RM",
                "postalCode": "00191",
                "addressCountry": "IT"
            },
            "geo": {
                "@type": "GeoCoordinates",
                "latitude": 41.9516299,
                "longitude": 12.4836669
            },
            "areaServed": {"@type": "City", "name": "Roma"},
            "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5.0",
                "reviewCount": "53"
            },
            "openingHoursSpecification": [{
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": ["Tuesday","Wednesday","Thursday","Friday","Saturday"],
                "opens": "10:00",
                "closes": "19:00"
            }],
            "founder": {"@id": "https://thebeautyfactory.it/#riccardo-marchi"},
            "parentOrganization": {"@id": "https://thebeautyfactory.it/#business"}
        },
        {
            "@type": "Person",
            "@id": "https://thebeautyfactory.it/#sharon-russo",
            "name": "Sharon Russo",
            "jobTitle": "PMU & Microblading Artist",
            "description": "Esperta di Microblading e Trucco Permanente con 10 anni di esperienza, formatrice riconosciuta.",
            "image": "https://thebeautyfactory.it/img/logo-sharon-russo-tagline.webp",
            "url": "https://thebeautyfactory.it/chi-siamo/sharon-russo",
            "worksFor": {"@id": "https://thebeautyfactory.it/#business"},
            "sameAs": [
                "https://www.instagram.com/sharonrusso_tbf/",
                "https://www.facebook.com/Sharon-Russo-permanent-makeup-microblading-artist-143818229615265/"
            ]
        },
        {
            "@type": "Person",
            "@id": "https://thebeautyfactory.it/#riccardo-marchi",
            "name": "Riccardo Marchi",
            "jobTitle": "Specialista in Tricopigmentazione",
            "description": "Co-fondatore di The Beauty Factory, specialista in tricopigmentazione (effetto rasato, densità, copertura cicatrici e alopecia).",
            "image": "https://thebeautyfactory.it/img/tricopigmentazione/riccardo-marchi-tricopigmentazione-roma.webp",
            "url": "https://thebeautyfactory.it/chi-siamo/riccardo-marchi",
            "worksFor": {"@id": "https://thebeautyfactory.it/#business"}
        },
        {
            "@type": "ImageObject",
            "@id": "https://thebeautyfactory.it/#logo",
            "url": "https://thebeautyfactory.it/img/logo.png",
            "contentUrl": "https://thebeautyfactory.it/img/logo.png",
            "caption": "The Beauty Factory - Sharon Russo"
        },
        {
            "@type": "WebSite",
            "@id": "https://thebeautyfactory.it/#website",
            "url": "https://thebeautyfactory.it",
            "name": "The Beauty Factory",
            "inLanguage": "it-IT",
            "publisher": {"@id": "https://thebeautyfactory.it/#business"}
        }
    ]
}
</script>


<link href="https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap" rel="stylesheet">


<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/grid.css">
<link rel="stylesheet" href="/css/style.css?v=1783009009">
<link rel="stylesheet" href="/css/modern.css?v=1783009009">
<link rel="stylesheet" href="/css/icons-sharon-russo.css">
<link rel="stylesheet" href="/css/topbar.css?v=1783009009">
<link rel="stylesheet" href="/css/sticky-cta.css?v=1783009009">


<link rel="stylesheet" href="/css/flexslider.css" media="print" onload="this.media='all'">
<link rel="stylesheet" href="/css/owl.carousel.css" media="print" onload="this.media='all'">
<noscript>
    <link rel="stylesheet" href="/css/flexslider.css">
    <link rel="stylesheet" href="/css/owl.carousel.css">
</noscript>

<link href="https://thebeautyfactory.it/css/app.css" rel="stylesheet">

<link rel="icon" href="/favicon.ico" type="image/x-icon">


<script>
(function(){
    function hideIubBadge(){
        document.querySelectorAll('.iubenda-tp-btn[data-tp-float]').forEach(function(b){
            b.style.setProperty('display','none','important');
        });
    }
    hideIubBadge();
    new MutationObserver(hideIubBadge).observe(document.documentElement,{childList:true,subtree:true});
})();
</script>



<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-migrate-3.0.0.min.js"></script>
<script src="/js/modernizr.custom.js"></script>
<script defer src="/js/waypoints.min.js"></script>
<script defer src="/js/jquery.flexslider.js"></script>
<script defer src="/js/jquery.easing.min.js"></script>
<script defer src="/js/scroll.js"></script>
<script defer src="/js/owl.carousel.js"></script>
<script defer src="/js/beforeafter.jquery-1.0.0.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/index.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/img-comparison-slider@8/dist/styles.css">

		<title>Gioielli Piercing Atomika in Titanio · The Beauty Factory Roma</title>
<meta name="author" content="Sharon Russo">
<meta name="Description" content="Vetrina gioielli piercing Atomika by The Beauty Factory: punti luce, cerchietti e barre curve in titanio implant-grade ASTM F136. Modelli signature scelti dal nostro studio di Roma.">
<meta name="Copyright" content="Sharon Russo">
		<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://thebeautyfactory.it/"},
        {"@type": "ListItem", "position": 2, "name": "Body Piercing Roma", "item": "https://thebeautyfactory.it/body-piercing-roma"},
        {"@type": "ListItem", "position": 3, "name": "Vetrina Gioielli Atomika", "item": "https://thebeautyfactory.it/body-piercing-roma/gioielli"}
    ]
}
</script>
	</head>

<body>
	
	

	<!-- Google Tag Manager (noscript) -->
	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TBN85FC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
	<!-- End Google Tag Manager (noscript) -->	
	
	<div id="top" class="wrapper">
		<div class="tbf-topbar tbf-topbar--open">
    <div class="container">
        <div class="tbf-topbar__inner">
            <a class="tbf-topbar__item tbf-topbar__rating" href="https://g.page/microblading-sopracciglia-roma?share" target="_blank" rel="noopener" aria-label="417 recensioni Google, 5 stelle">
                <span class="tbf-stars" aria-hidden="true">★★★★★</span>
                <span class="tbf-topbar__rating-text">5,0 · 417 recensioni Google</span>
                <span class="tbf-topbar__rating-compact" aria-hidden="true">417</span>
            </a>
            <a class="tbf-topbar__item tbf-topbar__address" href="https://maps.app.goo.gl/kUyFpW5s5rJekaZS9" target="_blank" rel="noopener" aria-label="Via Flaminia 855, Roma — apri su Google Maps">
                <i class="icon-map" aria-hidden="true"></i>
                <span>Via Flaminia 855, Roma</span>
            </a>
            <a class="tbf-topbar__item tbf-topbar__phone" href="tel:+393483106525" aria-label="Chiama 348 310 6525">
                <i class="icon-phone" aria-hidden="true"></i>
                <span>348 310 6525</span>
            </a>
            <span class="tbf-topbar__item tbf-topbar__status" title="Oggi 10-19">
                <span class="tbf-status-dot" aria-hidden="true"></span>
                <span>Oggi 10-19</span>
            </span>
            <a class="tbf-topbar__item tbf-topbar__whatsapp" href="https://wa.me/+393483106525?text=Ciao%2C%20vorrei%20prenotare%20una%20consulenza" target="_blank" rel="noopener" aria-label="contatto WhatsApp">
                <i class="icon-whatsapp" aria-hidden="true"></i>
                <span>WhatsApp</span>
            </a>
        </div>
    </div>
</div>
		<header id="header" class="header header-small">
<div class="container">
    <div class="row">
        <div class="header-front">
            <div class="logo">
                <a href="/" title="">
                    <picture>
        <source type="image/avif" srcset="/img/optimized/logo-sharon-russo-tagline-sm.avif 351w, /img/optimized/logo-sharon-russo-tagline-md.avif 768w, /img/optimized/logo-sharon-russo-tagline-lg.avif 1024w, /img/optimized/logo-sharon-russo-tagline-xl.avif 1280w, /img/optimized/logo-sharon-russo-tagline-2xl.avif 1536w" sizes="(max-width: 768px) 200px, 150px">
        <source type="image/webp" srcset="/img/optimized/logo-sharon-russo-tagline-sm.webp 351w, /img/optimized/logo-sharon-russo-tagline-md.webp 768w, /img/optimized/logo-sharon-russo-tagline-lg.webp 1024w, /img/optimized/logo-sharon-russo-tagline-xl.webp 1280w, /img/optimized/logo-sharon-russo-tagline-2xl.webp 1536w" sizes="(max-width: 768px) 200px, 150px">
        <img fetchpriority="high" class="u-max-full-width" src="/img/logo-sharon-russo-tagline.webp" alt="pagina principale" loading="eager">
    </picture>
                </a>
            </div>
            <div class="mobile-menu"><span id="mobile" class="mobile-menu-icon"><i class="icon-hamburger"></i></span>
            </div>
            <nav id="navbar">
                <ul>
                    <li><a title="" aria-label="pagina microblading" href="/microblading-sopracciglia-roma">Microblading</a>
</li>
<li class="has-children"><a title="" aria-label="trucco permanente" href="/trucco-permanente-roma"><i class="icon-arrow"></i>Trucco Permanente</a>
    <ul>
        <li><a title="" aria-label="pagina sopracciglia col dermografo" href="/trucco-permanente-sopracciglia-roma">Sopracciglia</a>
        </li>
        <li><a title="" aria-label="pagina labbra" href="/trucco-permanente-roma/tatuaggio-labbra">Labbra</a>
        </li>
        <li><a title="" aria-label="pagina eyeliner" href="/trucco-permanente-roma/tatuaggio-eyeliner-roma">Eye-liner</a>
        </li>
    </ul>
</li>
<li><a title="" aria-label="pagina tricopigmentazione" href="/tricopigmentazione-roma">Tricopigmentazione</a>
</li>
<li><a title="" aria-label="pagina laminazione ciglia e sopracciglia" href="/laminazione-ciglia-e-sopracciglia-roma">Laminazione</a>
</li>
<li><a title="" aria-label="pagina body piercing" href="/body-piercing-roma">Piercing</a>
</li>
                    <li class="tbf-cta-prenota-wrapper">
                        <a class="tbf-cta-prenota" href="https://wa.me/+393483106525?text=Ciao%2C%20vorrei%20prenotare%20una%20consulenza" target="_blank" rel="noopener" aria-label="prenota una consulenza gratuita" data-track-location="header_cta">Prenota</a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</div>
</header>

<div id="mobile-nav-backdrop" class="mobile-nav-backdrop"></div>
<div id="mobile-navigation" class="mobile-nav">
    <div class="mobile-nav-container">
        <div class="mobile-nav-inner">
            <ul>
                <li><a title="" aria-label="pagina microblading" href="/microblading-sopracciglia-roma">Microblading</a>
</li>
<li class="has-children"><a title="" aria-label="trucco permanente" href="/trucco-permanente-roma"><i class="icon-arrow"></i>Trucco Permanente</a>
    <ul>
        <li><a title="" aria-label="pagina sopracciglia col dermografo" href="/trucco-permanente-sopracciglia-roma">Sopracciglia</a>
        </li>
        <li><a title="" aria-label="pagina labbra" href="/trucco-permanente-roma/tatuaggio-labbra">Labbra</a>
        </li>
        <li><a title="" aria-label="pagina eyeliner" href="/trucco-permanente-roma/tatuaggio-eyeliner-roma">Eye-liner</a>
        </li>
    </ul>
</li>
<li><a title="" aria-label="pagina tricopigmentazione" href="/tricopigmentazione-roma">Tricopigmentazione</a>
</li>
<li><a title="" aria-label="pagina laminazione ciglia e sopracciglia" href="/laminazione-ciglia-e-sopracciglia-roma">Laminazione</a>
</li>
<li><a title="" aria-label="pagina body piercing" href="/body-piercing-roma">Piercing</a>
</li>
                <li><a title="" aria-label="pagina contatti" href="/contatti">contatti</a>
                </li>
            </ul>
            <div class="icons-link-label">Seguici su...</div>
            <ul class="icons-link">
                <li><a href="https://www.instagram.com/sharonrusso_tbf/" rel="noopener" title="" aria-label="seguimi su instagram" target="_blank"><i class="icon-instagram"></i></a>
                </li>
                <li><a href="https://www.facebook.com/Sharon-Russo-permanent-makeup-microblading-artist-143818229615265/" rel="noopener" aria-label="seguimi su facebook" title="" target="_blank"><i class="icon-facebook"></i></a>
                </li>
                <li><a href="https://api.whatsapp.com/send/?phone=%2B393483106525&text=Ciao%2C+vorrei+informazioni&type=phone_number&app_absent=0" rel="noopener" aria-label="scrivimi su whatsapp" title="" target="_blank"><i class="icon-whatsapp"></i></a>
                </li>
                <li><a href="https://g.page/microblading-sopracciglia-roma?share" rel="noopener" aria-label="profilo google" title=""><i class="icon-google"></i></a>
                </li>
                <li><a href="https://www.youtube.com/channel/UCaXoY3XawQ7WylCgVzJztsA" rel="noopener" aria-label="video su youtube" title=""><i class="icon-youtube"></i></a>
                </li>
            </ul>
        </div>
    </div>
</div>
		<main id="main-content">
		
<section class="m-vetrina-hero">
  <div class="m-vetrina-back">
    <a href="/body-piercing-roma">Torna a Body Piercing</a>
  </div>
  <span class="m-vetrina-hero__eyebrow">Atomika · Collezione signature</span>
  <h1 class="m-vetrina-hero__h1">Gioielli <span>piercing</span> in titanio</h1>
  <p class="m-vetrina-hero__lead">
    Tutta la collezione Atomika disponibile in studio: <strong style="color:#fff">titanio implant-grade ASTM F136</strong>, anallergico, adatto al primo foro. Punti luce, cerchietti e barre curve per ogni zona.
  </p>
  <ul class="m-vetrina-hero__badges">
    <li>Titanio ASTM F136</li>
    <li>Adatti al primo foro</li>
    <li>74 modelli in collezione</li>
  </ul>
  
</section>

<nav class="m-vetrina-nav" aria-label="categorie gioielli">
  <div class="m-vetrina-nav__inner">
          <a href="#punti-luce" class="m-vetrina-nav__link">
        Punti luce
        <span class="m-vetrina-nav__count">50</span>
      </a>
          <a href="#cerchietti" class="m-vetrina-nav__link">
        Cerchietti
        <span class="m-vetrina-nav__count">22</span>
      </a>
          <a href="#barre-curve" class="m-vetrina-nav__link">
        Barre curve
        <span class="m-vetrina-nav__count">2</span>
      </a>
      </div>
</nav>

  <section id="punti-luce" class="m-vetrina-group ">
    <div class="m-vetrina-container">
      <header class="m-vetrina-group__head">
        <span class="m-vetrina-group__eyebrow">Punti luce</span>
        <h2 class="m-vetrina-group__title">Punti luce <span style="color: var(--m-yellow)">·</span> <span style="color: var(--m-gray-500); font-weight: 500; font-size: 0.65em">50 modelli</span></h2>
        <p class="m-vetrina-group__desc">Labret e mini-end in titanio per orecchio, viso e bocca. Dal singolo brillante al fiore di pietre.</p>
      </header>

      <div class="m-vetrina-grid">
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Wings"
                   data-img="/storage/images/crystal_wings.webp"
                   data-name="Crystal Wings"
                   data-price="15,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_wings.webp" alt="Crystal Wings — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Wings</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 15,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Solo Marquise"
                   data-img="/storage/images/solo_marquise.webp"
                   data-name="Solo Marquise"
                   data-price="13,90">
            <div class="m-jewel__media">
              <img src="/storage/images/solo_marquise.webp" alt="Solo Marquise — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Solo Marquise</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 13,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Marquise Bloom"
                   data-img="/storage/images/marquise_bloom.webp"
                   data-name="Marquise Bloom"
                   data-price="35,90">
            <div class="m-jewel__media">
              <img src="/storage/images/marquise_bloom.webp" alt="Marquise Bloom — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Marquise Bloom</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 35,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Baguette Bold"
                   data-img="/storage/images/baguette_bold.webp"
                   data-name="Baguette Bold"
                   data-price="26,90">
            <div class="m-jewel__media">
              <img src="/storage/images/baguette_bold.webp" alt="Baguette Bold — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Baguette Bold</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 26,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Marquise Curve"
                   data-img="/storage/images/marquise_curve.webp"
                   data-name="Marquise Curve"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/marquise_curve.webp" alt="Marquise Curve — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Marquise Curve</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Triple Leaf"
                   data-img="/storage/images/triple_leaf.webp"
                   data-name="Triple Leaf"
                   data-price="18,90">
            <div class="m-jewel__media">
              <img src="/storage/images/triple_leaf.webp" alt="Triple Leaf — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Triple Leaf</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 18,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Chain Frame"
                   data-img="/storage/images/chain_frame.webp"
                   data-name="Chain Frame"
                   data-price="13,90">
            <div class="m-jewel__media">
              <img src="/storage/images/chain_frame.webp" alt="Chain Frame — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Chain Frame</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 13,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Silent Blade"
                   data-img="/storage/images/silent_blade.webp"
                   data-name="Silent Blade"
                   data-price="29,90">
            <div class="m-jewel__media">
              <img src="/storage/images/silent_blade.webp" alt="Silent Blade — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Silent Blade</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 29,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Diamond Arc"
                   data-img="/storage/images/diamond_arc.webp"
                   data-name="Diamond Arc"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/diamond_arc.webp" alt="Diamond Arc — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Diamond Arc</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lovely Drop"
                   data-img="/storage/images/lovely_drop.webp"
                   data-name="Lovely Drop"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lovely_drop.webp" alt="Lovely Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lovely Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Blossom Drop"
                   data-img="/storage/images/blossom_drop.webp"
                   data-name="Blossom Drop"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/blossom_drop.webp" alt="Blossom Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Blossom Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Sleek Point"
                   data-img="/storage/images/sleek_point.webp"
                   data-name="Sleek Point"
                   data-price="13,90">
            <div class="m-jewel__media">
              <img src="/storage/images/sleek_point.webp" alt="Sleek Point — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Sleek Point</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 13,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Geo Drop"
                   data-img="/storage/images/geo_drop.webp"
                   data-name="Geo Drop"
                   data-price="23,90">
            <div class="m-jewel__media">
              <img src="/storage/images/geo_drop.webp" alt="Geo Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Geo Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 23,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Pear Spark"
                   data-img="/storage/images/pear_spark.webp"
                   data-name="Pear Spark"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/pear_spark.webp" alt="Pear Spark — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Pear Spark</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Spiral Love"
                   data-img="/storage/images/spiral_love.webp"
                   data-name="Spiral Love"
                   data-price="6,90">
            <div class="m-jewel__media">
              <img src="/storage/images/spiral_love.webp" alt="Spiral Love — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Spiral Love</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 6,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Curve"
                   data-img="/storage/images/crystal_curve.webp"
                   data-name="Crystal Curve"
                   data-price="6,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_curve.webp" alt="Crystal Curve — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Curve</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 6,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Radiant Edge"
                   data-img="/storage/images/radiant_edge.webp"
                   data-name="Radiant Edge"
                   data-price="17,90">
            <div class="m-jewel__media">
              <img src="/storage/images/radiant_edge.webp" alt="Radiant Edge — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Radiant Edge</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 17,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Sunburst Glow"
                   data-img="/storage/images/sunburst_glow.webp"
                   data-name="Sunburst Glow"
                   data-price="17,90">
            <div class="m-jewel__media">
              <img src="/storage/images/sunburst_glow.webp" alt="Sunburst Glow — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Sunburst Glow</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 17,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Pyramid Punk"
                   data-img="/storage/images/pyramid_punk.webp"
                   data-name="Pyramid Punk"
                   data-price="13,90">
            <div class="m-jewel__media">
              <img src="/storage/images/pyramid_punk.webp" alt="Pyramid Punk — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Pyramid Punk</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 13,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lucky Paw"
                   data-img="/storage/images/lucky_paw.webp"
                   data-name="Lucky Paw"
                   data-price="15,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lucky_paw.webp" alt="Lucky Paw — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lucky Paw</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 15,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Sacred Blade"
                   data-img="/storage/images/sacred_blade.webp"
                   data-name="Sacred Blade"
                   data-price="26,90">
            <div class="m-jewel__media">
              <img src="/storage/images/sacred_blade.webp" alt="Sacred Blade — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Sacred Blade</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 26,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Bloom"
                   data-img="/storage/images/crystal_bloom.webp"
                   data-name="Crystal Bloom"
                   data-price="35,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_bloom.webp" alt="Crystal Bloom — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Bloom</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 35,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Floral Glow"
                   data-img="/storage/images/floral_glow.webp"
                   data-name="Floral Glow"
                   data-price="40,90">
            <div class="m-jewel__media">
              <img src="/storage/images/floral_glow.webp" alt="Floral Glow — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Floral Glow</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 40,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Velvet Chains"
                   data-img="/storage/images/velvet_chains.webp"
                   data-name="Velvet Chains"
                   data-price="29,90">
            <div class="m-jewel__media">
              <img src="/storage/images/velvet_chains.webp" alt="Velvet Chains — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Velvet Chains</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 29,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Cascade"
                   data-img="/storage/images/cascade.webp"
                   data-name="Cascade"
                   data-price="45,90">
            <div class="m-jewel__media">
              <img src="/storage/images/cascade.webp" alt="Cascade — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Cascade</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 45,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Holy Shine"
                   data-img="/storage/images/holy_shine.webp"
                   data-name="Holy Shine"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/holy_shine.webp" alt="Holy Shine — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Holy Shine</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Wave"
                   data-img="/storage/images/crystal_wave.webp"
                   data-name="Crystal Wave"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_wave.webp" alt="Crystal Wave — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Wave</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Gem Leaf"
                   data-img="/storage/images/gem_leaf.webp"
                   data-name="Gem Leaf"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/gem_leaf.webp" alt="Gem Leaf — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Gem Leaf</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Golden Rain"
                   data-img="/storage/images/golden_rain.webp"
                   data-name="Golden Rain"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/golden_rain.webp" alt="Golden Rain — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Golden Rain</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Vega Shine"
                   data-img="/storage/images/vega_shine.webp"
                   data-name="Vega Shine"
                   data-price="40,90">
            <div class="m-jewel__media">
              <img src="/storage/images/vega_shine.webp" alt="Vega Shine — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Vega Shine</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 40,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Note Chic"
                   data-img="/storage/images/note_chic.webp"
                   data-name="Note Chic"
                   data-price="24,90">
            <div class="m-jewel__media">
              <img src="/storage/images/note_chic.webp" alt="Note Chic — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Note Chic</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 24,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Triple Love"
                   data-img="/storage/images/triple_love.webp"
                   data-name="Triple Love"
                   data-price="26,90">
            <div class="m-jewel__media">
              <img src="/storage/images/triple_love.webp" alt="Triple Love — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Triple Love</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 26,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Heart"
                   data-img="/storage/images/crystal_heart.webp"
                   data-name="Crystal Heart"
                   data-price="25,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_heart.webp" alt="Crystal Heart — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Heart</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 25,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Iridescent Crown"
                   data-img="/storage/images/iridescent_crown.webp"
                   data-name="Iridescent Crown"
                   data-price="40,90">
            <div class="m-jewel__media">
              <img src="/storage/images/iridescent_crown.webp" alt="Iridescent Crown — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Iridescent Crown</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 40,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Golden Dew"
                   data-img="/storage/images/golden_dew.webp"
                   data-name="Golden Dew"
                   data-price="10,90">
            <div class="m-jewel__media">
              <img src="/storage/images/golden_dew.webp" alt="Golden Dew — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Golden Dew</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 10,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Camellia"
                   data-img="/storage/images/crystal_camellia.webp"
                   data-name="Crystal Camellia"
                   data-price="">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_camellia.webp" alt="Crystal Camellia — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Camellia</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price m-jewel__price--na">su richiesta</span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Pearl Drop"
                   data-img="/storage/images/pearl_drop.webp"
                   data-name="Pearl Drop"
                   data-price="28,90">
            <div class="m-jewel__media">
              <img src="/storage/images/pearl_drop.webp" alt="Pearl Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Pearl Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 28,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Duet"
                   data-img="/storage/images/crystal_duet.webp"
                   data-name="Crystal Duet"
                   data-price="17,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal_duet.webp" alt="Crystal Duet — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Duet</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 17,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Falling Drop"
                   data-img="/storage/images/falling_drop.webp"
                   data-name="Falling Drop"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/falling_drop.webp" alt="Falling Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Falling Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Flash Bolt"
                   data-img="/storage/images/flash_bolt.webp"
                   data-name="Flash Bolt"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/flash_bolt.webp" alt="Flash Bolt — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Flash Bolt</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Luna"
                   data-img="/storage/images/luna.webp"
                   data-name="Luna"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/luna.webp" alt="Luna — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Luna</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Stella"
                   data-img="/storage/images/stella.webp"
                   data-name="Stella"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/stella.webp" alt="Stella — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Stella</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Triple Dot"
                   data-img="/storage/images/triple_dot.webp"
                   data-name="Triple Dot"
                   data-price="14,90">
            <div class="m-jewel__media">
              <img src="/storage/images/triple_dot.webp" alt="Triple Dot — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Triple Dot</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 14,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Butterlight"
                   data-img="/storage/images/butterlight.webp"
                   data-name="Butterlight"
                   data-price="25,90">
            <div class="m-jewel__media">
              <img src="/storage/images/butterlight.webp" alt="Butterlight — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Butterlight</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 25,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Bloody Legs"
                   data-img="/storage/images/bloody_legs.webp"
                   data-name="Bloody Legs"
                   data-price="24,90">
            <div class="m-jewel__media">
              <img src="/storage/images/bloody_legs.webp" alt="Bloody Legs — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Bloody Legs</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 24,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Petal Chain"
                   data-img="/storage/images/petal_chain.webp"
                   data-name="Petal Chain"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/petal_chain.webp" alt="Petal Chain — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Petal Chain</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Cherry Bloom"
                   data-img="/storage/images/cherry_bloom.webp"
                   data-name="Cherry Bloom"
                   data-price="25,90">
            <div class="m-jewel__media">
              <img src="/storage/images/cherry_bloom.webp" alt="Cherry Bloom — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Cherry Bloom</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 25,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lotus Shine"
                   data-img="/storage/images/lotus_shine.webp"
                   data-name="Lotus Shine"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lotus_shine.webp" alt="Lotus Shine — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lotus Shine</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Regal Halo"
                   data-img="/storage/images/regal_halo.webp"
                   data-name="Regal Halo"
                   data-price="28,90">
            <div class="m-jewel__media">
              <img src="/storage/images/regal_halo.webp" alt="Regal Halo — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Regal Halo</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 28,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Whispering Wisteria"
                   data-img="/storage/images/whispering_wisteria_final_perfect.webp"
                   data-name="Whispering Wisteria"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/whispering_wisteria_final_perfect.webp" alt="Whispering Wisteria — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Whispering Wisteria</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
              </div>
    </div>
  </section>
  <section id="cerchietti" class="m-vetrina-group m-vetrina-group--alt">
    <div class="m-vetrina-container">
      <header class="m-vetrina-group__head">
        <span class="m-vetrina-group__eyebrow">Cerchietti &amp; Clicker</span>
        <h2 class="m-vetrina-group__title">Cerchietti <span style="color: var(--m-yellow)">·</span> <span style="color: var(--m-gray-500); font-weight: 500; font-size: 0.65em">22 modelli</span></h2>
        <p class="m-vetrina-group__desc">Anelli e clicker per septum, daith, helix e lobo. Dal sottile minimal al modello statement.</p>
      </header>

      <div class="m-vetrina-grid">
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Celestial Dots"
                   data-img="/storage/images/celestial_dots.webp"
                   data-name="Celestial Dots"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/celestial_dots.webp" alt="Celestial Dots — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Celestial Dots</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Chain Glory"
                   data-img="/storage/images/chain-glory---named.webp"
                   data-name="Chain Glory"
                   data-price="37,90">
            <div class="m-jewel__media">
              <img src="/storage/images/chain-glory---named.webp" alt="Chain Glory — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Chain Glory</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 37,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Twin Shine"
                   data-img="/storage/images/twin-shine---named.webp"
                   data-name="Twin Shine"
                   data-price="37,90">
            <div class="m-jewel__media">
              <img src="/storage/images/twin-shine---named.webp" alt="Twin Shine — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Twin Shine</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 37,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Royal Flare"
                   data-img="/storage/images/royal-flare.webp"
                   data-name="Royal Flare"
                   data-price="40,90">
            <div class="m-jewel__media">
              <img src="/storage/images/royal-flare.webp" alt="Royal Flare — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Royal Flare</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 40,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Eye"
                   data-img="/storage/images/crystal-eye---named.webp"
                   data-name="Crystal Eye"
                   data-price="25,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal-eye---named.webp" alt="Crystal Eye — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Eye</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 25,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Glimmer Arc"
                   data-img="/storage/images/glimmer-arc---named-fixed.webp"
                   data-name="Glimmer Arc"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/glimmer-arc---named-fixed.webp" alt="Glimmer Arc — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Glimmer Arc</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lumina Drop"
                   data-img="/storage/images/lumina-drop---named.webp"
                   data-name="Lumina Drop"
                   data-price="51,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lumina-drop---named.webp" alt="Lumina Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lumina Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 51,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Shiny Loop"
                   data-img="/storage/images/shiny-loop-.webp"
                   data-name="Shiny Loop"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/shiny-loop-.webp" alt="Shiny Loop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Shiny Loop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lumina Loop"
                   data-img="/storage/images/lumina-loop.webp"
                   data-name="Lumina Loop"
                   data-price="10,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lumina-loop.webp" alt="Lumina Loop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lumina Loop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 10,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Linear Spark"
                   data-img="/storage/images/linear-spark.webp"
                   data-name="Linear Spark"
                   data-price="24,90">
            <div class="m-jewel__media">
              <img src="/storage/images/linear-spark.webp" alt="Linear Spark — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Linear Spark</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 24,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lunar Bloom"
                   data-img="/storage/images/lunar-bloom.webp"
                   data-name="Lunar Bloom"
                   data-price="17,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lunar-bloom.webp" alt="Lunar Bloom — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lunar Bloom</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 17,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Halo Band"
                   data-img="/storage/images/halo_band.webp"
                   data-name="Halo Band"
                   data-price="20,90">
            <div class="m-jewel__media">
              <img src="/storage/images/halo_band.webp" alt="Halo Band — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Halo Band</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 20,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Luminous Band"
                   data-img="/storage/images/luminous_band.webp"
                   data-name="Luminous Band"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/luminous_band.webp" alt="Luminous Band — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Luminous Band</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Heart Spell"
                   data-img="/storage/images/heart_spell.webp"
                   data-name="Heart Spell"
                   data-price="51,90">
            <div class="m-jewel__media">
              <img src="/storage/images/heart_spell.webp" alt="Heart Spell — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Heart Spell</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 51,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Double Orbit"
                   data-img="/storage/images/double-orbit.webp"
                   data-name="Double Orbit"
                   data-price="15,90">
            <div class="m-jewel__media">
              <img src="/storage/images/double-orbit.webp" alt="Double Orbit — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Double Orbit</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 15,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Stellar Twist"
                   data-img="/storage/images/stellar-twist.webp"
                   data-name="Stellar Twist"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/stellar-twist.webp" alt="Stellar Twist — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Stellar Twist</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Heart Line"
                   data-img="/storage/images/heart-line.webp"
                   data-name="Heart Line"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/heart-line.webp" alt="Heart Line — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Heart Line</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Solar Drop"
                   data-img="/storage/images/solar-drop.webp"
                   data-name="Solar Drop"
                   data-price="9,90">
            <div class="m-jewel__media">
              <img src="/storage/images/solar-drop.webp" alt="Solar Drop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Solar Drop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 9,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Crystal Garland"
                   data-img="/storage/images/crystal-garland.webp"
                   data-name="Crystal Garland"
                   data-price="40,90">
            <div class="m-jewel__media">
              <img src="/storage/images/crystal-garland.webp" alt="Crystal Garland — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Crystal Garland</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 40,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Golden Teardrop"
                   data-img="/storage/images/golden-teardrop.webp"
                   data-name="Golden Teardrop"
                   data-price="30,90">
            <div class="m-jewel__media">
              <img src="/storage/images/golden-teardrop.webp" alt="Golden Teardrop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Golden Teardrop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 30,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Royal Radiance"
                   data-img="/storage/images/royal_radiance-(1).webp"
                   data-name="Royal Radiance"
                   data-price="51,90">
            <div class="m-jewel__media">
              <img src="/storage/images/royal_radiance-(1).webp" alt="Royal Radiance — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Royal Radiance</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 51,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Bold Orbit"
                   data-img="/storage/images/bold_orbit.webp"
                   data-name="Bold Orbit"
                   data-price="36,90">
            <div class="m-jewel__media">
              <img src="/storage/images/bold_orbit.webp" alt="Bold Orbit — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Bold Orbit</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 36,90 <small>€</small></span>
                              </div>
            </div>
          </article>
              </div>
    </div>
  </section>
  <section id="barre-curve" class="m-vetrina-group ">
    <div class="m-vetrina-container">
      <header class="m-vetrina-group__head">
        <span class="m-vetrina-group__eyebrow">Barre Curve</span>
        <h2 class="m-vetrina-group__title">Barre curve <span style="color: var(--m-yellow)">·</span> <span style="color: var(--m-gray-500); font-weight: 500; font-size: 0.65em">2 modelli</span></h2>
        <p class="m-vetrina-group__desc">Banana barbell per ombelico, capezzolo e orecchio. Forma ergonomica per il comfort.</p>
      </header>

      <div class="m-vetrina-grid">
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Trinity Gem"
                   data-img="/storage/images/trinity-gem.webp"
                   data-name="Trinity Gem"
                   data-price="14,90">
            <div class="m-jewel__media">
              <img src="/storage/images/trinity-gem.webp" alt="Trinity Gem — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Trinity Gem</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 14,90 <small>€</small></span>
                              </div>
            </div>
          </article>
                  <article class="m-jewel" tabindex="0" role="button"
                   aria-label="Ingrandisci Lunar Loop"
                   data-img="/storage/images/lunar_loop.webp"
                   data-name="Lunar Loop"
                   data-price="6,90">
            <div class="m-jewel__media">
              <img src="/storage/images/lunar_loop.webp" alt="Lunar Loop — gioiello piercing titanio" loading="lazy" decoding="async"/>
            </div>
            <div class="m-jewel__body">
              <h3 class="m-jewel__name">Lunar Loop</h3>
              <div class="m-jewel__meta">
                                  <span class="m-jewel__price">da 6,90 <small>€</small></span>
                              </div>
            </div>
          </article>
              </div>
    </div>
  </section>

<dialog id="m-jewel-modal" class="m-jewel-modal" aria-labelledby="m-jewel-modal-title">
  <button type="button" class="m-jewel-modal__close" aria-label="Chiudi">&times;</button>
  <div class="m-jewel-modal__media">
    <img id="m-jewel-modal-img" src="" alt="" />
  </div>
  <div class="m-jewel-modal__body">
    <h3 id="m-jewel-modal-title" class="m-jewel-modal__name"></h3>
    <p id="m-jewel-modal-price" class="m-jewel-modal__price"></p>
  </div>
</dialog>

<script>
(function() {
  const modal = document.getElementById('m-jewel-modal');
  if (!modal || typeof modal.showModal !== 'function') return;
  const imgEl   = document.getElementById('m-jewel-modal-img');
  const titleEl = document.getElementById('m-jewel-modal-title');
  const priceEl = document.getElementById('m-jewel-modal-price');
  const closeBtn = modal.querySelector('.m-jewel-modal__close');

  function open(card) {
    imgEl.src = card.dataset.img;
    imgEl.alt = card.dataset.name + ' — gioiello piercing titanio';
    titleEl.textContent = card.dataset.name;
    if (card.dataset.price) {
      priceEl.textContent = 'da ' + card.dataset.price + ' €';
      priceEl.classList.remove('m-jewel-modal__price--na');
    } else {
      priceEl.textContent = 'Prezzo su richiesta';
      priceEl.classList.add('m-jewel-modal__price--na');
    }
    modal.showModal();
  }

  document.querySelectorAll('.m-jewel').forEach(function(card) {
    card.addEventListener('click', function() { open(card); });
    card.addEventListener('keydown', function(e) {
      if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); open(card); }
    });
  });

  closeBtn.addEventListener('click', function() { modal.close(); });
  // Click sul backdrop chiude (click sull'elemento dialog stesso, non sui figli)
  modal.addEventListener('click', function(e) {
    if (e.target === modal) modal.close();
  });
})();
</script>

<section class="m-vetrina-foot">
  <div class="m-vetrina-container">
    <p>I prezzi indicati sono <strong>"da"</strong> e si riferiscono alla versione base. Modelli con pietre più grandi o configurazioni custom possono variare. <strong>Tutti i gioielli in collezione sono adatti per essere indossati appena fatto il foro.</strong></p>
    <div class="m-vetrina-foot__ctas">
      <a class="m-btn m-btn--primary" target="_blank" rel="noopener" href="https://wa.me/+393483106525?text=Ciao%2C%20vorrei%20informazioni%20sui%20gioielli%20Atomika">
        <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18"><path d="M17.5 14.4c-.3-.1-1.7-.8-2-1-.3-.1-.5-.1-.7.2-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-1.7-.8-2.8-1.4-3.9-3.4-.3-.5.3-.5.8-1.6.1-.2 0-.4 0-.5l-1-2.3c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1 2.9 1.2 3.1c.2.2 2.1 3.2 5.1 4.5 1.9.8 2.6.9 3.6.7.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3z"/><path d="M20.5 3.4C18.3 1.2 15.3 0 12.1 0 5.5 0 .1 5.4.1 12c0 2.1.6 4.2 1.6 6L0 24l6.2-1.6c1.7.9 3.6 1.4 5.5 1.4h.1c6.6 0 12-5.4 12-12 .1-3.2-1.2-6.2-3.3-8.4zm-8.4 18.5c-1.7 0-3.4-.4-4.8-1.3l-.3-.2-3.6.9.9-3.5-.2-.4c-.9-1.5-1.4-3.2-1.4-5 0-5.4 4.4-9.9 9.9-9.9 2.6 0 5.1 1 7 2.9 1.9 1.9 2.9 4.4 2.9 7 0 5.5-4.4 9.9-9.9 9.9z"/></svg>
        Chiedi su WhatsApp
      </a>
      <a class="m-vetrina-foot__back" href="/body-piercing-roma">Torna alla pagina Piercing</a>
    </div>
  </div>
</section>

		</main>
		<footer>
    <div class="container">
        <div class="five columns copy">
            <div class="footer-box">
                <ul class="footer-menu">
                    <li><a title="" href="/chi-siamo"><i class="icon-arrow"></i>Chi siamo</a></li>
                    <li><a title="" href="/blog?page=1"><i class="icon-arrow"></i>Blog</a></li>
                    <li><a title="" href="/foto-prima-e-dopo"><i class="icon-arrow"></i>foto prima e dopo</a></li>
                    <li><a title="" href="/rassegna-stampa"><i class="icon-arrow"></i>rassegna stampa</a></li>
                    <li><a title="" href="/listino-prezzi"><i class="icon-arrow"></i>listino prezzi</a></li>
                    <li><a title="" href="/pagamenti-rateali"><i class="icon-arrow"></i>pagamenti rateali</a></li>
                </ul>
            </div>
            <div class="footer-box">
                <ul class="icons-link social-footer">
                    <li><a href="https://www.instagram.com/sharonrusso_tbf/" rel="noopener" title="" aria-label="seguimi su instagram" target="_blank"><i class="icon-instagram"></i></a>
                    </li>
                    <li><a href="https://www.facebook.com/Sharon-Russo-permanent-makeup-microblading-artist-143818229615265/" rel="noopener" aria-label="seguimi su facebook" title="" target="_blank"><i class="icon-facebook"></i></a>
                    </li>
                    <li><a href="mailto:info@thebeautyfactory.it"  rel="noopener" title="" aria-label="scrivimi su whatsapp" target="_blank"><i class="icon-mail"></i></a>
                    </li>
                    <li><a href="https://g.page/microblading-sopracciglia-roma?share" rel="noopener" title="" aria-label="profilo google"><i class="icon-google"></i></a>
                    </li>
                    <li><a href="https://www.youtube.com/channel/UCaXoY3XawQ7WylCgVzJztsA" rel="noopener" title="" aria-label="video su youtube"><i class="icon-youtube"></i></a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="seven columns info">
            <div class="footer-box">
                <ul class="icons-link">
                    <li><a href="https://maps.app.goo.gl/kUyFpW5s5rJekaZS9" rel="noopener" title="" target="_blank">Via Flaminia, 855 - 00191 Roma<i class="icon-map"></i></a>
                    </li>
                    <li><a href="tel:+393483106525" title="">348 310 6525<i class="icon-phone"></i></a>
                    </li>
                    <li><a href="https://api.whatsapp.com/send/?phone=%2B393483106525&text=Ciao%2C+vorrei+informazioni&type=phone_number&app_absent=0" title="">348 310 65 25<i class="icon-whatsapp"></i></a>
                    </li>
                </ul>
            </div>
            <div class="footer-box">
                <strong class="footer-logo"><img src="/img/icon-sharon-russo.svg" alt=""/>SHARON <span class="yellow">RUSSO</span></strong>
                <span class="grey footer-logo-tagline">THE BEAUTY FACTORY</span>
                <span class="footer-copy">© 2026 Diritti Riservati - The Beauty Factory Srls<br>
                <span class="grey">P. IVA 16048821009 | Capitale Sociale Versato: 6000€</span><br>
                <a href="/privacy" aria-label="pagina privacy">Privacy</a>
                &nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="#" aria-label="gestisci preferenze cookie" onclick="event.preventDefault();if(window._iub&&_iub.cs&&_iub.cs.api){_iub.cs.api.openPreferences();}">Preferenze cookie</a>
                &nbsp;&nbsp;|&nbsp;&nbsp;
                <a class="dc" href="/regolamento" title="" aria-label="clicca per chiamare" target="_blank">regolamento</a>
                
                </span>
            </div>
        </div>
    </div>
</footer>		<div class="tbf-sticky-cta" role="region" aria-label="contatto rapido">
    <a class="tbf-sticky-cta__btn tbf-sticky-cta__btn--primary"
       href="https://wa.me/+393483106525?text=Ciao%2C%20vorrei%20prenotare%20una%20consulenza%20gratuita" target="_blank" rel="noopener"
       data-tbf-event="sticky_cta_consulenza"
       aria-label="prenota la consulenza gratuita su WhatsApp">
        <svg class="tbf-sticky-cta__icon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
            <path d="M20.5 3.4C18.3 1.2 15.3 0 12.1 0 5.5 0 .1 5.4.1 12c0 2.1.6 4.2 1.6 6L0 24l6.2-1.6c1.7.9 3.6 1.4 5.5 1.4h.1c6.6 0 12-5.4 12-12 .1-3.2-1.2-6.2-3.3-8.4zm-8.4 18.5c-1.7 0-3.4-.4-4.8-1.3l-.3-.2-3.6.9.9-3.5-.2-.4c-.9-1.5-1.4-3.2-1.4-5 0-5.4 4.4-9.9 9.9-9.9 2.6 0 5.1 1 7 2.9 1.9 1.9 2.9 4.4 2.9 7 0 5.5-4.4 9.9-9.9 9.9z"/>
            <path d="M17.5 14.4c-.3-.1-1.7-.8-2-1-.3-.1-.5-.1-.7.2-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-1.7-.8-2.8-1.4-3.9-3.4-.3-.5.3-.5.8-1.6.1-.2 0-.4 0-.5l-1-2.3c-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1 2.9 1.2 3.1c.2.2 2.1 3.2 5.1 4.5 1.9.8 2.6.9 3.6.7.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.3z"/>
        </svg>
        <span>Consulenza</span>
    </a>
    <a class="tbf-sticky-cta__btn tbf-sticky-cta__btn--ghost"
       href="https://wa.me/+393483106525?text=Ciao%2C%20vorrei%20chiedere%20informazioni" target="_blank" rel="noopener"
       data-tbf-event="sticky_cta_info"
       aria-label="chiedi informazioni su WhatsApp">
        <span>Chiedi info</span>
    </a>
</div>
		
		
		

		
		
	</div>
	
	
	
	
	<script>
	document.addEventListener('DOMContentLoaded', function(){
		if (typeof ScrollReveal !== 'undefined') {
			window.sr = ScrollReveal({ reset: false });
			sr.reveal('.animate', { duration: 700, origin: 'bottom', distance: '30px', delay: 200, opacity:0, scale: 1 });
			sr.reveal('.animate-sequence', { duration: 700, origin: 'bottom', distance: '30px', delay: 200, opacity:0, scale: 1 }, 500);
			sr.reveal('.iconbox', { duration: 700, origin: 'bottom', distance: '30px', delay: 200, opacity:0, scale: 1 }, 500);
		}
		if (typeof jQuery !== 'undefined') {
			jQuery(window).on('load', function(){
				if (jQuery.fn.flexslider) {
					jQuery('#main-slider').flexslider({
						animation: "fade",
						slideshowSpeed: 4500,
						animationSpeed: 500,
						keyboard: true,
						controlsContainer: '.flex-container'
					});
				}
			});
		}
	});
	</script>

	<script defer src="/js/common.js"></script>
	<script defer src="/js/tbf-analytics.js"></script>

	<script>
	// Se visiti /?dev=1 imposta il cookie
	if (window.location.search.includes('dev=1')) {
		document.cookie = "exclude_from_ga=true; path=/; max-age=" + (60*60*24*365);
		console.log("Cookie 'exclude_from_ga' impostato");
	}
	</script>


	

	

		

	
</body>
</html>


</style>