:root{
--red:#e2231a;
--red-dark:#c01d16;
--orange:#f5a623;
--green:#3ba95c;
--green-dark:#2f8a49;
--ink:#1c1c1c;
--gray:#6b6b6b;
--line:#e7e2da;
--bg:#f7f4ee;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{height:100%;}
body{
font-family:Arial, Helvetica, sans-serif;
background:var(--bg);
color:var(--ink);
display:flex;
flex-direction:column;
min-height:100%;
overflow-x:hidden;
}
/* ---------- HEADER ---------- */
.topbar{
background:var(--red);
color:#fff;
text-align:center;
padding:6px 10px;
font-size:11px;
letter-spacing:.3px;
}
header{
text-align:center;
padding:14px 12px 8px;
}
.brand{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}
.badge24{
background:#111;
color:#fff;
font-size:10px;
font-weight:bold;
border-radius:4px;
padding:3px 6px;
line-height:1;
}
h1{
font-size:clamp(26px,7vw,34px);
font-weight:900;
letter-spacing:1px;
color:var(--ink);
}
.subtitle{
font-size:clamp(12px,3.4vw,14px);
color:var(--gray);
margin-top:4px;
font-weight:600;
}
.stars{
color:var(--orange);
font-size:13px;
margin-top:4px;
letter-spacing:1px;
}
.stars span{color:var(--gray);font-size:11px;margin-left:4px;}
/* ---------- MAIN / TABS ---------- */
main{
flex:1;
width:100%;
max-width:460px;
margin:0 auto;
padding:10px 14px 14px;
display:flex;
flex-direction:column;
}
.tabs{
display:flex;
border:2px solid var(--ink);
border-radius:10px;
overflow:hidden;
margin-bottom:12px;
}
input[name="tab"]{display:none;}
.tabs label{
flex:1;
text-align:center;
padding:10px 4px;
font-size:13px;
font-weight:800;
letter-spacing:.4px;
background:#fff;
color:var(--ink);
cursor:pointer;
text-transform:uppercase;
}
.tabs label:first-of-type{border-right:2px solid var(--ink);}
#tab-capsule:checked ~ .tabs label[for="tab-capsule"],
#tab-gel:checked ~ .tabs label[for="tab-gel"]{
background:var(--red);
color:#fff;
}
.panel{display:none;flex:1;flex-direction:column;}
#tab-capsule:checked ~ .panel-capsule{display:flex;}
#tab-gel:checked ~ .panel-gel{display:flex;}
.card{
background:#fff;
border:1px solid var(--line);
border-radius:14px;
padding:14px;
display:flex;
flex-direction:column;
align-items:center;
box-shadow:0 4px 14px rgba(0,0,0,.06);
flex:1;
}
.prod-name{
font-size:15px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.4px;
color:var(--ink);
text-align:center;
}
.prod-format{
font-size:11px;
font-weight:700;
color:var(--red);
text-transform:uppercase;
margin-top:2px;
text-align:center;
letter-spacing:.5px;
}
.img-wrap{
width:100%;
max-width:190px;
height:130px;
display:flex;
align-items:center;
justify-content:center;
margin:8px 0 6px;
}
.img-wrap img{
max-width:100%;
max-height:100%;
object-fit:contain;
mix-blend-mode:multiply;
}
ul.benefits{
list-style:none;
width:100%;
font-size:12.5px;
color:var(--ink);
margin-bottom:8px;
}
ul.benefits li{
display:flex;
align-items:flex-start;
gap:6px;
padding:2px 0;
line-height:1.3;
}
ul.benefits li::before{
content:"\2713";
color:var(--green);
font-weight:900;
flex-shrink:0;
}
.price-row{
display:flex;
align-items:baseline;
justify-content:center;
gap:10px;
margin:6px 0 10px;
}
.old-price{
font-size:15px;
color:var(--gray);
text-decoration:line-through;
font-weight:600;
}
.new-price{
font-size:26px;
color:var(--green-dark);
font-weight:900;
}
.discount-tag{
background:var(--orange);
color:#fff;
font-size:10px;
font-weight:800;
border-radius:5px;
padding:2px 6px;
text-transform:uppercase;
margin-left:2px;
}
.cta{
width:100%;
border:none;
border-radius:10px;
background:linear-gradient(180deg,var(--green) 0%,var(--green-dark) 100%);
color:#fff;
font-size:16px;
font-weight:900;
text-transform:uppercase;
padding:14px 10px;
cursor:pointer;
letter-spacing:.4px;
}
.cta small{
display:block;
font-size:10px;
font-weight:600;
text-transform:none;
margin-top:2px;
opacity:.92;
}
.cod-note{
font-size:10.5px;
color:var(--gray);
text-align:center;
margin-top:8px;
line-height:1.4;
}
footer{
text-align:center;
padding:8px 14px 10px;
font-size:9px;
color:var(--gray);
line-height:1.4;
}
@media (min-width:520px){
main{max-width:480px;}
.img-wrap{height:150px;}
}
🍪 Utilizziamo i cookie per offrirti la scelta del prodotto più adatto a te
24h
ARTIZYNT
Ufficiale in Italia — Comprehensive Rebuilding Formula
★★★★★ 4,8 / 5 · 4.283 recensioni
ArtiZynt
Capsule · Integratore Alimentare
- Elimina il dolore e il gonfiore alle articolazioni
- Ripristina le articolazioni e i tessuti
- Preparata con ingredienti naturali
- Aiuta contro artrite e artrosi
58 EUR
29 EUR
-50%
Cliccando su "Ordina Ora" accetti i cookie di questo sito e verrai reindirizzato alla pagina ufficiale del fornitore.
ArtiZynt
Gel · Instant Active Gel
- Allevia il gonfiore e il dolore articolare
- Rafforza le articolazioni, le ossa e i muscoli
- Ingredienti naturali · senza sostanze chimiche
- Nessun effetto collaterale
58 EUR
29 EUR
-50%
Cliccando su "Ordina Ora" accetti i cookie di questo sito e verrai reindirizzato alla pagina ufficiale del fornitore.