Kollagen Night Plus+ Shots – 500ml

@import url(‚https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap‘);

.nm-wrap {
background: #0a0a0a;
color: #e4dccb;
font-family: ‚EB Garamond‘, Georgia, serif;
font-size: 17px;
line-height: 1.9;
max-width: 700px;
margin: 0 auto;
padding: 40px 24px 60px;
}

.nm-brand {
font-family: ‚Cinzel‘, serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #C9A84C;
margin-bottom: 28px;
}

.nm-headline-wrap { margin-bottom: 32px; }

.nm-drop {
font-family: ‚Cinzel‘, serif;
font-size: 90px;
font-weight: 700;
color: transparent;
-webkit-text-stroke: 1px rgba(201,168,76,0.35);
line-height: 0.8;
float: left;
margin-right: 6px;
}

.nm-headline {
font-family: ‚Cinzel‘, serif;
font-size: clamp(24px, 4vw, 34px);
font-weight: 600;
color: #f5ede0;
letter-spacing: 0.04em;
line-height: 1.25;
}

.nm-wrap p { margin: 0 0 22px 0; color: rgba(228,220,203,0.85); clear: both; }

.nm-legend {
margin: 40px 0;
padding: 26px 30px;
border-left: 2px solid #C9A84C;
background: rgba(201,168,76,0.04);
}

.nm-legend-label {
font-family: ‚Cinzel‘, serif;
font-size: 9px;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #C9A84C;
margin-bottom: 14px;
display: block;
}

.nm-legend p { margin: 0; font-style: italic; color: rgba(228,220,203,0.8); }

.nm-close {
display: block;
margin-top: 40px;
font-family: ‚Cinzel‘, serif;
font-size: 14px;
font-weight: 600;
color: #C9A84C;
letter-spacing: 0.1em;
text-align: center;
}

@media (max-width: 480px) {
.nm-wrap { padding: 32px 18px 48px; font-size: 16px; }
.nm-drop { font-size: 56px; margin-right: 8px; }
.nm-headline { font-size: 22px; line-height: 1.3; }
.nm-legend { padding: 20px 18px; }
.nm-legend p { font-size: 15px; }
.nm-close { font-size: 13px; letter-spacing: 0.06em; }
}

@media (max-width: 360px) {
.nm-drop { font-size: 46px; }
.nm-headline { font-size: 20px; }
}