Tiva Retatrutide 30mg Home Kit

.pp-block, .pp-block *, .pp-block *::before, .pp-block *::after {
box-sizing: border-box; margin: 0; padding: 0;
}
.pp-block {
–pp-deep: #081428;
–pp-mid: #0D1F40;
–pp-accent: #6FA8D8;
–pp-ice: #E6F1FB;
–pp-light: #FFFFFF;
–pp-text: rgba(230,241,251,0.65);
–pp-border: rgba(111,168,216,0.12);
–pp-border-accent: rgba(111,168,216,0.25);
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
background: var(–pp-deep);
border-top: 1px solid rgba(111,168,216,0.2);
border-bottom: 1px solid rgba(111,168,216,0.2);
padding: 52px 24px;
font-family: ‘Inter’, sans-serif;
color: var(–pp-ice);
-webkit-font-smoothing: antialiased;
}
.pp-block__inner { max-width: 1000px; margin: 0 auto; }
.pp-block__header {
display: grid;
grid-template-columns: 1fr auto;
align-items: start;
gap: 24px;
margin-bottom: 36px;
padding-bottom: 28px;
border-bottom: 1px solid rgba(111,168,216,0.15);
}
.pp-block__badge {
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(111,168,216,0.1);
border: 1px solid rgba(111,168,216,0.3);
border-radius: 999px;
padding: 5px 14px;
font-family: ‘Oswald’, sans-serif;
font-weight: 500;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(–pp-accent);
margin-bottom: 14px;
}
.pp-block__title {
font-family: ‘Oswald’, sans-serif;
font-weight: 700;
font-style: italic;
font-size: clamp(32px, 5vw, 52px);
line-height: 0.92;
letter-spacing: -0.02em;
text-transform: uppercase;
color: var(–pp-light);
margin-bottom: 16px;
}
.pp-block__title span { color: var(–pp-accent); }
.pp-block__intro {
font-size: 14px;
line-height: 1.7;
color: var(–pp-text);
max-width: 580px;
}
.pp-block__intro strong { color: var(–pp-ice); font-weight: 600; }
.pp-block__stats {
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
}
.pp-stat {
background: rgba(13,31,64,0.8);
border: 1px solid rgba(111,168,216,0.2);
border-left: 3px solid var(–pp-accent);
padding: 10px 16px;
text-align: right;
min-width: 130px;
}
.pp-stat__value {
font-family: ‘Oswald’, sans-serif;
font-weight: 700;
font-size: 20px;
color: var(–pp-light);
line-height: 1;
letter-spacing: -0.01em;
}
.pp-stat__label {
font-family: ‘Oswald’, sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–pp-accent);
margin-top: 3px;
}
.pp-block__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-bottom: 24px;
}
.pp-card {
background: rgba(13,31,64,0.5);
border: 1px solid var(–pp-border);
border-left: 3px solid var(–pp-accent);
padding: 22px 20px;
}
.pp-card–verified {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 28px 20px;
}
.pp-card__label {
font-family: ‘Oswald’, sans-serif;
font-weight: 500;
font-size: 10px;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(–pp-accent);
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.pp-card__label svg {
width: 14px; height: 14px;
stroke: var(–pp-accent);
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
}
.pp-verified__shield {
width: 48px; height: 48px;
background: rgba(111,168,216,0.12);
border: 1px solid rgba(111,168,216,0.3);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
}
.pp-verified__shield svg {
width: 26px; height: 26px;
stroke: var(–pp-accent);
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
.pp-verified__title {
font-family: ‘Oswald’, sans-serif;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(–pp-light);
margin-bottom: 10px;
}
.pp-verified__text {
font-size: 12px;
line-height: 1.6;
color: var(–pp-text);
max-width: 280px;
}
.pp-list { list-style: none; }
.pp-list li {
font-size: 13px;
line-height: 1.5;
color: var(–pp-text);
padding: 8px 0 8px 18px;
border-bottom: 1px solid rgba(111,168,216,0.07);
position: relative;
}
.pp-list li:last-child { border-bottom: none; }
.pp-list li::before {
content: ”;
position: absolute;
left: 0;
top: 14px;
width: 6px; height: 6px;
background: var(–pp-accent);
border-radius: 50%;
}
.pp-list li strong { color: var(–pp-ice); font-weight: 600; }
.pp-trust {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-top: 20px;
border-top: 1px solid rgba(111,168,216,0.15);
}
.pp-trust__tag {
display: inline-flex;
align-items: center;
gap: 7px;
border: 1px solid rgba(111,168,216,0.25);
border-radius: 999px;
padding: 7px 14px;
font-family: ‘Oswald’, sans-serif;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(–pp-accent);
transition: background 150ms ease, border-color 150ms ease;
}
.pp-trust__tag:hover {
background: rgba(111,168,216,0.08);
border-color: var(–pp-accent);
}
.pp-trust__tag svg {
width: 12px; height: 12px;
stroke: var(–pp-accent);
fill: none;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (max-width: 640px) {
.pp-block { padding: 36px 18px; }
.pp-block__header { grid-template-columns: 1fr; }
.pp-block__stats { flex-direction: row; flex-wrap: wrap; }
.pp-stat { min-width: unset; flex: 1; text-align: left; }
.pp-block__grid { grid-template-columns: 1fr; }
}
@media (min-width: 1024px) {
.pp-block { padding: 64px 32px; }
.pp-block__title { font-size: 58px; }
}