@charset "UTF-8";
 .uzs-article{ --uzs-porcelain:#F7F3FA; --uzs-paper:#FFFFFF; --uzs-ink:#241A30; --uzs-ink-soft:#5B4A6B;
--uzs-teal:var(--dp-primary); --uzs-teal-deep:var(--dp-primary); --uzs-teal-bright:#D14FD1; --uzs-blush:#F0B65C; --uzs-mist:#F4E9F4; --uzs-line: rgba(122,20,120,0.14); --uzs-maxw:
700px; background:var(--uzs-porcelain); color:var(--uzs-ink); font-family: inherit; font-weight:400; line-height:1.6; -webkit-font-smoothing:antialiased;
overflow-x:hidden; width:100%; max-width:100%; border-radius:16px; overflow:hidden; } .uzs-article, .uzs-article *{ box-sizing:border-box; } .uzs-article h2,
.uzs-article h3, .uzs-article .uzs-product-name, .uzs-article h2.uzs-h2{ font-family: inherit !important; font-weight:600 !important; color:var(--uzs-ink)
!important; letter-spacing:-0.01em !important; margin: 0 0 16px 0 !important; line-height:1.3 !important; font-size: 18px !important; } .uzs-article .uzs-wrap{
max-width:var(--uzs-maxw); width:100%; margin:0 auto; padding:0 20px; } .uzs-article .uzs-wide{ max-width:920px; width:100%; margin:0 auto; padding:0 20px; }
.uzs-article .uzs-hero{ position:relative; padding:28px 0 24px; background:linear-gradient(160deg, var(--uzs-teal-deep) 0%, var(--uzs-teal) 100%);
color:var(--uzs-paper); overflow:hidden; width:100%; text-align:center; } .uzs-article .uzs-hero .uzs-wide{ position:relative; z-index:2; display:flex;
flex-direction:column; align-items:center; } .uzs-article .uzs-eyebrow{ font-family: inherit !important; font-size:11.5px; letter-spacing:0.12em;
text-transform:uppercase; color:rgba(255,255,255,0.72); display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom:12px; flex-wrap:wrap;
width:100%; } .uzs-article .uzs-eyebrow .uzs-dot{ width:6px;height:6px;border-radius:50%;background:var(--uzs-blush); flex-shrink:0; } .uzs-article
.uzs-hero-title{ color:var(--uzs-paper); font-family: inherit !important; font-weight:600; font-size:clamp(19px, 4.2vw, 25px); line-height:1.25;
max-width:540px; margin:0 auto; word-break:break-word; text-align:center; } .uzs-article .uzs-hero-title em{ font-style:italic; color:var(--uzs-blush); }
.uzs-article .uzs-lede{ margin-top:12px; margin-left:auto; margin-right:auto; max-width:540px; font-size: 15px !important; color:rgba(255,255,255,0.86);
font-weight:300; text-align:center; line-height:1.5; } /* АНІМАЦІЯ: ГІАЛУРОНОВІ БУЛЬБАШКИ */ .uzs-article .uzs-ha-bubbles { display: flex; justify-content:
center; align-items: center; gap: 12px; margin-top: 20px; height: 30px; width: 100%; position: relative; } .uzs-article .uzs-ha-dot { width: 7px; height: 7px;
background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.8), rgba(173,23,173,0.2)); border-radius: 50%; opacity: 0; animation: uzs-ha-pulse 1.8s
infinite ease-in-out; } .uzs-article .uzs-ha-dot:nth-child(2) { animation-delay: 0.3s; width: 11px; height: 11px; background: radial-gradient(circle at 30% 30%,
rgba(255,255,255,0.9), rgba(240,182,92,0.2)); } .uzs-article .uzs-ha-dot:nth-child(3) { animation-delay: 0.6s; } .uzs-article .uzs-ha-dot:nth-child(4) {
animation-delay: 0.9s; width: 9px; height: 9px; background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.9), rgba(173,23,173,0.15)); } .uzs-article
.uzs-ha-dot:nth-child(5) { animation-delay: 1.2s; } .uzs-article .uzs-ha-dot:nth-child(6) { animation-delay: 1.5s; width: 8px; height: 8px; } @keyframes
uzs-ha-pulse { 0% { transform: scale(0.3); opacity: 0; } 30% { opacity: 0.9; transform: scale(1.3); } 70% { opacity: 0.5; transform: scale(0.9); } 100% {
transform: scale(0.4); opacity: 0; } } .uzs-article .uzs-freq{ margin-top:14px; font-size:12.5px; color:rgba(255,255,255,0.6); display:flex; gap:14px 20px;
flex-wrap:wrap; justify-content:center; width:100%; } .uzs-article .uzs-freq b{ color:var(--uzs-blush); font-weight:500; } .uzs-article .uzs-body{ padding:28px
0 8px; } .uzs-article .uzs-product{ padding:0 0 24px; } .uzs-article .uzs-product + .uzs-product{ border-top:1px solid var(--uzs-line); padding-top:24px; }
.uzs-article .uzs-checklist{ list-style:none; margin:16px 0; padding:0; } .uzs-article .uzs-checklist li{ display:flex; gap:10px; padding:10px 0;
border-bottom:1px solid var(--uzs-line); font-size: 15px !important; color:var(--uzs-ink-soft); align-items: flex-start; line-height:1.6; } .uzs-article
.uzs-checklist li:first-child{ border-top:1px solid var(--uzs-line); } .uzs-article .uzs-checklist .uzs-mark{ flex-shrink:0; width:18px; height:18px;
border-radius:50%; border:1.5px solid var(--uzs-teal); display:flex;align-items:center;justify-content:center; font-size:9px; color:var(--uzs-teal);
margin-top:3px; } .uzs-article p{ margin:0 0 16px; color:var(--uzs-ink-soft); font-size: 15px !important; line-height:1.6; } .uzs-article strong{
color:var(--uzs-ink); font-weight:600; } .uzs-article .uzs-alert-box { background: var(--uzs-mist); border: 1px solid var(--uzs-line); border-left: 4px solid
#e74c3c; padding: 16px; border-radius: 8px; margin: 20px 0; } .uzs-article .uzs-alert-box p { color: var(--uzs-ink); margin: 0; font-size: 15px !important; }
.uzs-article .uzs-highlight-box { background: var(--uzs-mist); border: 1px solid var(--uzs-line); border-left: 4px solid var(--uzs-teal); padding: 16px;
border-radius: 8px; margin: 20px 0; } .uzs-article .uzs-highlight-box p { color: var(--uzs-ink); margin: 0; font-size: 15px !important; } .uzs-article
.uzs-ingredient-list { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 12px 0 4px; } .uzs-article .uzs-ingredient-list .uzs-ing-item { background:
var(--uzs-paper); padding: 4px 14px; border-radius: 20px; font-size: 13px; color: var(--uzs-ink-soft); border: 1px solid var(--uzs-line); line-height: 1.6; }
.uzs-article .uzs-ingredient-list .uzs-ing-item strong { color: var(--uzs-ink); font-weight:500; } .uzs-article .uzs-specs-grid { display: grid;
grid-template-columns: 1fr 1fr; gap: 6px 16px; background: var(--uzs-paper); border-radius: 12px; padding: 16px 18px; border: 1px solid var(--uzs-line); margin:
12px 0 4px; } .uzs-article .uzs-specs-grid .uzs-spec-item { display: flex; justify-content: space-between; padding: 6px 0; border-bottom: 1px solid
var(--uzs-line); font-size: 14px; color: var(--uzs-ink-soft); } .uzs-article .uzs-specs-grid .uzs-spec-item:last-child, .uzs-article .uzs-specs-grid
.uzs-spec-item:nth-child(2) { border-bottom: 0; } .uzs-article .uzs-specs-grid .uzs-spec-item strong { color: var(--uzs-ink); font-weight: 500; } @media
(max-width:640px){ .uzs-article .uzs-specs-grid { grid-template-columns: 1fr; } .uzs-article .uzs-specs-grid .uzs-spec-item:nth-child(2) { border-bottom: 1px
solid var(--uzs-line); } } .uzs-article .uzs-step-block { background: var(--uzs-paper); border-radius: 12px; padding: 16px 18px; border: 1px solid
var(--uzs-line); margin-bottom: 16px; } .uzs-article .uzs-step-block .uzs-step-title { font-weight: 600; color: var(--uzs-teal-deep); margin-bottom: 6px; }
.uzs-article .uzs-result-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0; } .uzs-article .uzs-result-grid .uzs-result-item {
background: var(--uzs-paper); border-radius: 12px; padding: 16px 18px; border: 1px solid var(--uzs-line); border-left: 3px solid var(--uzs-blush); }
.uzs-article .uzs-result-grid .uzs-result-item strong { display: block; font-size: 15px; color: var(--uzs-ink); } .uzs-article .uzs-result-grid .uzs-result-item
span { font-size: 13.5px; color: var(--uzs-ink-soft); display: block; margin-top: 2px; } @media (max-width:640px){ .uzs-article .uzs-result-grid {
grid-template-columns: 1fr; } } .uzs-article .uzs-badge-order{ display:inline-block; background:#FDEDEC; color:#E74C3C; padding:6px 12px; border-radius:6px;
font-size:13.5px; font-weight:700; margin-bottom:16px; border:1px dashed #F5B7B1; } .uzs-article .uzs-method-list{ list-style:none; margin:16px 0; padding:0; }
.uzs-article .uzs-method-list li{ display:flex; gap:10px; padding:11px 0; border-bottom:1px solid var(--uzs-line); font-size:15px !important;
color:var(--uzs-ink-soft); align-items:flex-start; line-height:1.6; } .uzs-article .uzs-method-list li:first-child{ border-top:1px solid var(--uzs-line); }
.uzs-article .uzs-method-list .uzs-yes, .uzs-article .uzs-method-list .uzs-no{ flex-shrink:0; width:20px; height:20px; border-radius:50%; display:flex;
align-items:center; justify-content:center; font-size:11px; margin-top:2px; font-weight:600; } .uzs-article .uzs-method-list .uzs-yes{ background:#EAF7EE;
color:#2E7D4F; border:1px solid #BFE3CC; } .uzs-article .uzs-method-list .uzs-no{ background:#FDEDEC; color:#C0392B; border:1px solid #F5B7B1; } .uzs-article
.uzs-method-list b{ color:var(--uzs-ink); font-weight:600; }