:root {
  --vdij-c-primary: #7b35e8;
  --vdij-c-primary-dark: #3c0b82;
  --vdij-c-primary-light: #ede8ff;
  --vdij-c-accent: #9b59f5;
  --vdij-c-accent-gold: #fff8cb;
  --vdij-c-pink-light: #ffe8f9;
  --vdij-c-text: #1a1025;
  --vdij-c-text-mid: #3d2860;
  --vdij-c-text-muted: #6b5f82;
  --vdij-c-bg: #f5f6fb;
  --vdij-c-bg-cold: #f0f2fb;
  --vdij-c-white: #ffffff;
  --vdij-c-dark: #15082e;
  --vdij-c-dark-mid: #220d42;
  --vdij-radius: 18px;
  --vdij-radius-sm: 10px;
  --vdij-container: 960px;
  --vdij-font-head: 'Bricolage Grotesque', sans-serif;
  --vdij-font-body: 'Figtree', sans-serif;
  --vdij-shadow-glass: 0 4px 32px rgba(123,53,232,0.10);
  --vdij-shadow-hard: 4px 4px 0 rgba(60,11,130,0.18);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--vdij-font-body); background: var(--vdij-c-bg-cold); color: var(--vdij-c-text); line-height: 1.65; font-size: 16px; }

.container { max-width: var(--vdij-container); margin: 0 auto; padding: 0 24px; }

h1,h2,h3,h4 { font-family: var(--vdij-font-head); font-weight: 700; line-height: 1.2; color: var(--vdij-c-text); }
h1 { font-size: clamp(2rem, 5vw, 3rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); margin-bottom: 1rem; }
h3 { font-size: 1.2rem; margin-bottom: .5rem; }
p { margin-bottom: 1rem; }
a { color: var(--vdij-c-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
ul { padding-left: 1.4rem; margin-bottom: 1rem; }
li { margin-bottom: .4rem; }

.h1-outlined {
  -webkit-text-stroke: 2px var(--vdij-c-primary);
  color: transparent;
  display: inline;
}

.umxr {
  position: sticky; top: 0; z-index: 100;
  background: rgba(240,242,251,0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(123,53,232,0.1);
  padding: 14px 0;
}
.umxr .container { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.site-logo { font-family: var(--vdij-font-head); font-weight: 800; font-size: 1.25rem; color: var(--vdij-c-primary-dark); letter-spacing: -.02em; }
.uppw { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.uppw a { font-size: .9rem; font-weight: 500; color: var(--vdij-c-text-mid); }
.uppw a:hover, .uppw a.active { color: var(--vdij-c-primary); text-decoration: none; }
.nav-cta { background: var(--vdij-c-primary); color: var(--vdij-c-white) !important; padding: 8px 18px; border-radius: var(--vdij-radius-sm); font-weight: 600; }
.nav-cta:hover { background: var(--vdij-c-primary-dark); }

.breadcrumb-bar { padding: 10px 0; border-bottom: 1px solid rgba(123,53,232,0.08); background: var(--vdij-c-white); }
.breadcrumb { list-style: none; padding: 0; display: flex; gap: 8px; font-size: .85rem; color: var(--vdij-c-text-muted); }
.breadcrumb li + li::before { content: '›'; margin-right: 8px; }
.breadcrumb a { color: var(--vdij-c-text-muted); }

.section { padding: 64px 0; }
.uvjn { background: linear-gradient(135deg, var(--vdij-c-primary) 0%, var(--vdij-c-primary-dark) 100%); color: var(--vdij-c-white); }
.uvjn h2, .uvjn h3, .uvjn p { color: var(--vdij-c-white); }
.unjb { background: var(--vdij-c-dark); color: var(--vdij-c-white); }
.unjb h2, .unjb h3, .unjb p { color: var(--vdij-c-white); }
.section-lead { font-size: 1.05rem; color: var(--vdij-c-text-muted); margin-bottom: 2rem; max-width: 680px; }
.uvjn .section-lead { color: rgba(255,255,255,0.82); }

.hero { position: relative; padding: 80px 0 64px; overflow: hidden; background: linear-gradient(135deg, var(--vdij-c-primary-dark) 0%, var(--vdij-c-primary) 60%, var(--vdij-c-accent) 100%); }
.usez { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .15; pointer-events: none; }
.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; position: relative; z-index: 1; }
.hero-text { color: var(--vdij-c-white); }
.hero-text h1 { color: var(--vdij-c-white); margin-bottom: 1rem; }
.hero-text .h1-outlined { -webkit-text-stroke: 2px rgba(255,255,255,0.6); }
.hero-lead { font-size: 1.1rem; color: rgba(255,255,255,0.88); margin-bottom: 1.5rem; }
.hero-price-block { display: flex; align-items: baseline; gap: 12px; margin-bottom: 1.5rem; flex-wrap: wrap; }
.price-old { font-size: 1rem; text-decoration: line-through; color: rgba(255,255,255,.55); }
.price-now { font-size: 2rem; font-weight: 800; font-family: var(--vdij-font-head); color: var(--vdij-c-accent-gold); }
.price-label { font-size: .82rem; color: rgba(255,255,255,.7); }
.hero-ctas { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 1rem; }
.hero-disclaimer { font-size: .78rem; color: rgba(255,255,255,.55); }
.hero-visual { display: flex; justify-content: center; align-items: center; }
.pack-frame { position: relative; }
.pack-frame .product-pack { width: 320px; height: 320px; object-fit: contain; filter: drop-shadow(0 16px 48px rgba(0,0,0,0.35)); border-radius: var(--vdij-radius); }
.pack-badge { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); background: rgba(255,255,255,.15); backdrop-filter: blur(8px); border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: .8rem; font-weight: 600; padding: 4px 14px; border-radius: 40px; white-space: nowrap; }

.chip { display: inline-block; background: rgba(123,53,232,0.12); color: var(--vdij-c-primary); font-size: .82rem; font-weight: 600; padding: 4px 14px; border-radius: 40px; margin-bottom: 1rem; letter-spacing: .02em; }
.hero .chip { background: rgba(255,255,255,.18); color: #fff; }

.trust-band { background: var(--vdij-c-white); border-bottom: 1px solid rgba(123,53,232,0.08); padding: 20px 0; }
.trust-grid { display: flex; gap: 32px; flex-wrap: wrap; justify-content: center; }
.trust-item { display: flex; align-items: center; gap: 8px; font-size: .88rem; font-weight: 500; color: var(--vdij-c-text-mid); }
.trust-icon { font-size: 1.1rem; }

.btn-primary { display: inline-flex; align-items: center; justify-content: center; background: var(--vdij-c-primary); color: var(--vdij-c-white); padding: 12px 28px; border-radius: var(--vdij-radius-sm); font-weight: 600; font-family: var(--vdij-font-body); border: none; cursor: pointer; font-size: 1rem; transition: background .2s; }
.btn-primary:hover { background: var(--vdij-c-primary-dark); text-decoration: none; }
.btn-outline { display: inline-flex; align-items: center; justify-content: center; border: 2px solid var(--vdij-c-primary); color: var(--vdij-c-primary); background: transparent; padding: 11px 26px; border-radius: var(--vdij-radius-sm); font-weight: 600; font-size: 1rem; cursor: pointer; font-family: var(--vdij-font-body); transition: all .2s; }
.btn-outline:hover { background: var(--vdij-c-primary); color: #fff; text-decoration: none; }
.btn-ghost { display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(123,53,232,0.3); color: var(--vdij-c-text-mid); background: transparent; padding: 8px 18px; border-radius: var(--vdij-radius-sm); font-size: .9rem; cursor: pointer; font-family: var(--vdij-font-body); }
.btn-link { background: none; border: none; color: var(--vdij-c-text-muted); font-size: .9rem; cursor: pointer; font-family: var(--vdij-font-body); text-decoration: underline; }
.btn-large { padding: 16px 36px; font-size: 1.05rem; }
.btn-full { width: 100%; }
.unjb .btn-primary { background: var(--vdij-c-accent-gold); color: var(--vdij-c-dark); }
.unjb .btn-primary:hover { background: #ffe066; }
.unjb .btn-outline { border-color: rgba(255,255,255,.5); color: #fff; }
.unjb .btn-outline:hover { background: rgba(255,255,255,.1); }
.cta-pair { display: flex; gap: 14px; flex-wrap: wrap; justify-content: center; margin-top: 1.5rem; }

.glass-card { background: rgba(255,255,255,0.65); backdrop-filter: blur(14px); border: 1px solid rgba(123,53,232,0.12); border-radius: var(--vdij-radius); padding: 24px; box-shadow: var(--vdij-shadow-glass); }

.myths-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.myth-card { }
.myth-label { display: inline-block; font-size: .78rem; font-weight: 700; padding: 2px 10px; border-radius: 6px; margin-bottom: .5rem; letter-spacing: .06em; }
.myth-label.myth { background: rgba(220,50,50,0.1); color: #c0392b; }
.myth-label.fact { background: rgba(39,174,96,0.1); color: #219653; margin-top: .75rem; }

.score-table-wrap { overflow-x: auto; margin-bottom: 1rem; }
.score-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.score-table th { background: rgba(255,255,255,.18); color: #fff; padding: 12px 16px; text-align: left; font-weight: 600; }
.score-table td { padding: 11px 16px; border-bottom: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,.9); }
.score-table tr:last-child td { border-bottom: none; }
.score-good { color: #a8f0c6 !important; font-weight: 600; }
.score-neutral { color: rgba(255,255,255,.65) !important; }
.score-bad { color: #f4a9a9 !important; }
.table-disclaimer { font-size: .78rem; color: rgba(255,255,255,.55); }

.calc-widget { background: var(--vdij-c-primary-light); border: 1px solid rgba(123,53,232,0.2); border-radius: var(--vdij-radius); padding: 28px; margin-bottom: 2.5rem; }
.calc-title { font-size: 1.1rem; margin-bottom: .5rem; color: var(--vdij-c-primary-dark); }
.calc-desc { font-size: .9rem; color: var(--vdij-c-text-muted); margin-bottom: 1rem; }
.calc-row { display: flex; align-items: center; gap: 16px; margin-bottom: .75rem; flex-wrap: wrap; }
.calc-row label { font-weight: 500; min-width: 220px; color: var(--vdij-c-text-mid); font-size: .95rem; }
.calc-input { width: 80px; padding: 8px 12px; border: 1.5px solid rgba(123,53,232,0.3); border-radius: var(--vdij-radius-sm); font-size: 1rem; font-family: var(--vdij-font-body); color: var(--vdij-c-text); background: #fff; }
.calc-result { font-weight: 700; color: var(--vdij-c-primary); font-size: 1.05rem; }

.faq-accordion { max-width: 720px; }
.faq-accordion h2 { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.15rem; color: var(--vdij-c-text-muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.uzal { border-bottom: 1px solid rgba(123,53,232,0.1); }
.faq-q { width: 100%; text-align: left; background: none; border: none; padding: 16px 0; font-size: 1rem; font-weight: 600; font-family: var(--vdij-font-head); color: var(--vdij-c-text); cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.faq-q::after { content: '+'; font-size: 1.4rem; color: var(--vdij-c-primary); flex-shrink: 0; transition: transform .2s; }
.faq-q[aria-expanded="true"]::after { transform: rotate(45deg); }
.faq-a { display: none; padding-bottom: 16px; color: var(--vdij-c-text-mid); font-size: .95rem; }
.faq-a.open { display: block; }

.author-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.author-visual img { width: 100%; border-radius: var(--vdij-radius); object-fit: cover; }
.author-bio-card { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 1.5rem; }
.author-initials { width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg, var(--vdij-c-primary), var(--vdij-c-accent)); color: #fff; font-weight: 700; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.author-bio-text strong { display: block; margin-bottom: .4rem; }

.checklist-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 2rem; }
.checklist-col h3 { font-size: 1rem; color: var(--vdij-c-primary); margin-bottom: 1rem; }
.checklist { list-style: none; padding: 0; }
.checklist li { display: flex; gap: 10px; align-items: flex-start; margin-bottom: .75rem; font-size: .93rem; }
.check-icon { font-size: 1rem; flex-shrink: 0; margin-top: .1rem; }

.routine-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: start; }
.nutrient-list { display: flex; flex-direction: column; gap: 12px; margin: 1.5rem 0; }
.nutrient-item { display: flex; gap: 14px; align-items: flex-start; padding: 16px 20px; }
.uvjn .nutrient-item { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); }
.nutrient-icon { width: 40px; height: 40px; border-radius: 10px; background: linear-gradient(135deg, var(--vdij-c-primary-light), #fff); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: .9rem; color: var(--vdij-c-primary-dark); flex-shrink: 0; }
.uvjn .nutrient-icon { background: rgba(255,255,255,.25); color: #fff; }
.nutrient-item strong { display: block; margin-bottom: .25rem; }
.nutrient-item p { margin: 0; font-size: .88rem; opacity: .85; }
.supplement-notice { font-size: .8rem; color: var(--vdij-c-text-muted); border-left: 3px solid var(--vdij-c-primary-light); padding-left: 12px; margin-top: 1rem; }
.uvjn .supplement-notice { color: rgba(255,255,255,.65); border-left-color: rgba(255,255,255,.3); }
.routine-visual img { width: 100%; border-radius: var(--vdij-radius); }

.reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.review-card { }
.review-stars img { margin-bottom: .75rem; }
blockquote { font-style: italic; color: var(--vdij-c-text-mid); margin-bottom: .75rem; font-size: .95rem; }
blockquote::before { content: '\201C'; }
blockquote::after { content: '\201D'; }
cite { font-size: .85rem; font-weight: 600; color: var(--vdij-c-text); font-style: normal; }
.review-disclaimer { display: block; font-size: .75rem; color: var(--vdij-c-text-muted); margin-top: .5rem; }
.disclaimer-reviews { font-size: .85rem; color: var(--vdij-c-text-muted); margin-bottom: 2rem; }

.order-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.order-info h2 { color: var(--vdij-c-white); margin-bottom: 1.5rem; }
.order-benefits { list-style: none; padding: 0; margin-bottom: 1.5rem; }
.order-benefits li { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.9); font-size: .95rem; }
.order-info img { width: 100%; border-radius: var(--vdij-radius); margin-top: 1.5rem; }
.order-form-wrap { background: rgba(255,255,255,.06); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,.15); border-radius: var(--vdij-radius); padding: 32px; }
.order-form-wrap h3 { color: #fff; margin-bottom: 1.5rem; }
.form-field { margin-bottom: 1.2rem; }
.form-field label { display: block; font-size: .9rem; font-weight: 500; color: rgba(255,255,255,.8); margin-bottom: .4rem; }
.form-field input, .form-field textarea { width: 100%; padding: 12px 16px; border: 1.5px solid rgba(255,255,255,.25); border-radius: var(--vdij-radius-sm); background: rgba(255,255,255,.1); color: #fff; font-size: .95rem; font-family: var(--vdij-font-body); }
.form-field input::placeholder, .form-field textarea::placeholder { color: rgba(255,255,255,.45); }
.form-consent { display: flex; align-items: flex-start; gap: 10px; }
.form-consent input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; width: auto; }
.form-consent label { font-size: .83rem; color: rgba(255,255,255,.7); }
.form-consent a { color: rgba(255,255,255,.85); text-decoration: underline; }
.form-footnote { font-size: .78rem; color: rgba(255,255,255,.5); margin-top: 1rem; }

.full-width-img { width: 100%; border-radius: var(--vdij-radius); object-fit: cover; max-height: 360px; }

.site-footer { background: var(--vdij-c-dark-mid); color: rgba(255,255,255,.75); padding: 56px 0 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; padding-bottom: 40px; }
.footer-brand .site-logo { color: #fff; margin-bottom: .75rem; display: block; }
.footer-brand p { font-size: .88rem; color: rgba(255,255,255,.6); }
.footer-legal-id { font-size: .8rem; color: rgba(255,255,255,.45); }
.footer-nav h4 { color: #fff; font-size: .9rem; margin-bottom: .75rem; }
.footer-nav ul { list-style: none; padding: 0; }
.footer-nav li { margin-bottom: .5rem; }
.footer-nav a { font-size: .88rem; color: rgba(255,255,255,.6); }
.footer-nav a:hover { color: #fff; }
.footer-disclaimer { border-top: 1px solid rgba(255,255,255,.08); padding: 24px 24px; font-size: .78rem; color: rgba(255,255,255,.4); line-height: 1.7; }
.footer-simple { padding: 20px 0; font-size: .85rem; color: rgba(255,255,255,.5); }
.footer-simple a { color: rgba(255,255,255,.6); }

.center-cta { text-align: center; padding: 80px 0; }
.center-cta h2 { margin-bottom: 1rem; }
.center-cta p { margin-bottom: 1.5rem; font-size: 1.05rem; opacity: .85; }

.page-hero { padding: 56px 0 40px; background: var(--vdij-c-white); border-bottom: 1px solid rgba(123,53,232,0.08); }
.page-hero h1 { margin-bottom: .75rem; }
.page-lead { font-size: 1.05rem; color: var(--vdij-c-text-muted); max-width: 640px; }
.page-hero .chip { margin-bottom: 1rem; }
.section-split-sm .container { display: grid; }

.ingredient-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; margin-bottom: 3rem; }
.ingredient-hero-grid img { width: 100%; border-radius: var(--vdij-radius); }
.ingredient-intro p { font-size: .95rem; }
.nutrient-detail-list { display: flex; flex-direction: column; gap: 20px; margin-bottom: 3rem; }
.nutrient-detail { }
.nd-header { display: flex; gap: 16px; align-items: flex-start; margin-bottom: .75rem; }
.nutrient-icon-lg { width: 52px; height: 52px; border-radius: 14px; background: linear-gradient(135deg, var(--vdij-c-primary-light), var(--vdij-c-accent)); color: var(--vdij-c-primary-dark); font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.nd-claim { font-size: .9rem; color: var(--vdij-c-primary-dark); font-style: italic; margin-top: .25rem; }
.nrv-table-wrap { margin-top: 2rem; }
.nrv-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.nrv-table th { background: var(--vdij-c-primary-light); color: var(--vdij-c-primary-dark); padding: 12px 16px; text-align: left; font-weight: 600; }
.nrv-table td { padding: 11px 16px; border-bottom: 1px solid rgba(123,53,232,0.08); }
.nrv-table tfoot td { font-size: .8rem; color: var(--vdij-c-text-muted); border: none; padding-top: 8px; }

.cookie-table { width: 100%; border-collapse: collapse; font-size: .88rem; margin: 1.5rem 0; }
.cookie-table th { background: var(--vdij-c-primary-light); color: var(--vdij-c-primary-dark); padding: 10px 14px; text-align: left; font-weight: 600; }
.cookie-table td { padding: 10px 14px; border-bottom: 1px solid rgba(123,53,232,0.08); vertical-align: top; }

.legal-content h2 { font-size: 1.15rem; margin-top: 2rem; margin-bottom: .75rem; color: var(--vdij-c-primary-dark); }
.legal-content h2:first-child { margin-top: 0; }

.usage-split { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: start; margin-bottom: 3rem; }
.usage-steps { display: flex; flex-direction: column; gap: 20px; }
.usage-step { display: flex; gap: 16px; align-items: flex-start; }
.step-num { width: 36px; height: 36px; border-radius: 50%; background: var(--vdij-c-primary); color: #fff; font-weight: 700; font-size: 1rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.usage-visual img { width: 100%; border-radius: var(--vdij-radius); margin-bottom: 1rem; }
.usage-info-box { font-size: .9rem; }
.usage-info-box p { margin-bottom: .5rem; }
.warning-box { background: var(--vdij-c-accent-gold); border-left: 4px solid var(--vdij-c-primary); border-radius: var(--vdij-radius-sm); padding: 24px; }
.warning-box h3 { margin-bottom: 1rem; color: var(--vdij-c-primary-dark); }
.warning-box li { font-size: .92rem; }

.reviews-full-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 3rem; }
.review-full-card { }
.review-header { display: flex; align-items: center; gap: 12px; margin-bottom: 1rem; flex-wrap: wrap; }
.reviewer-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--vdij-c-primary), var(--vdij-c-accent)); color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; }
.review-header span { font-size: .8rem; color: var(--vdij-c-text-muted); display: block; }
.review-header strong { display: block; font-size: .95rem; }
.review-header img { margin-left: auto; }
.aggregate-rating-box { text-align: center; padding: 40px; background: var(--vdij-c-primary-light); border-radius: var(--vdij-radius); }
.rating-big { font-size: 4rem; font-weight: 800; font-family: var(--vdij-font-head); color: var(--vdij-c-primary); line-height: 1; }
.rating-stars-lg { font-size: 2rem; color: #f0b429; margin: .5rem 0; }
.aggregate-rating-box p { color: var(--vdij-c-text-muted); font-size: .9rem; }

.faq-page-container { max-width: 780px; }

.contact-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 48px; margin-bottom: 3rem; }
.contact-detail { margin-bottom: 1.5rem; }
.contact-detail strong { display: block; color: var(--vdij-c-primary-dark); margin-bottom: .3rem; }
.upez textarea { min-height: 120px; resize: vertical; }
.map-section { padding-top: 2rem; }
.map-container { border-radius: var(--vdij-radius); overflow: hidden; }
.map-container iframe { display: block; }

.thankyou-page { min-height: 60vh; display: flex; align-items: center; }
.thankyou-container { text-align: center; padding: 80px 0; }
.thankyou-icon { width: 72px; height: 72px; border-radius: 50%; background: linear-gradient(135deg, var(--vdij-c-primary), var(--vdij-c-accent)); color: #fff; font-size: 2rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; }
.thankyou-container h1 { margin-bottom: 1rem; }
.thankyou-container p { color: var(--vdij-c-text-mid); margin-bottom: 1rem; }
.thankyou-container .btn-primary { margin-top: 1rem; }

.error-page { min-height: 60vh; display: flex; align-items: center; }
.error-container { text-align: center; padding: 80px 0; }
.error-code { font-size: 6rem; font-weight: 800; font-family: var(--vdij-font-head); color: var(--vdij-c-primary-light); line-height: 1; }
.error-container h1 { margin-bottom: 1rem; }
.error-container p { color: var(--vdij-c-text-muted); margin-bottom: 1.5rem; }

.uwit { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: var(--vdij-c-dark); color: #fff; padding: 16px 0; transform: translateY(100%); transition: transform .3s; }
.uwit.is-visible { transform: translateY(0); }
.cookie-inner { max-width: var(--vdij-container); margin: 0 auto; padding: 0 24px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.cookie-inner p { margin: 0; font-size: .9rem; color: rgba(255,255,255,.85); }
.cookie-inner a { color: rgba(255,255,255,.75); text-decoration: underline; }
.urdc { display: flex; gap: 10px; flex-wrap: wrap; margin-left: auto; }

@media (max-width: 768px) {
  .hero-grid, .author-grid, .order-grid, .routine-grid, .ingredient-hero-grid, .usage-split, .contact-grid { grid-template-columns: 1fr; }
  .myths-grid { grid-template-columns: 1fr; }
  .reviews-grid, .reviews-full-grid { grid-template-columns: 1fr; }
  .checklist-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .hero-visual { order: -1; }
  .pack-frame .product-pack { width: 220px; height: 220px; }
  .uppw { display: none; }
  .trust-grid { gap: 16px; }
  h1 { font-size: 1.8rem; }
}

/* brand-guard-css-v3 — авто-страховка cookie-баннера и контраста (приложение) */
.uwit{position:fixed !important;left:1rem;right:1rem;bottom:1rem;z-index:9000 !important;max-width:760px;margin-left:auto;margin-right:auto;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.18);padding:1rem 1.25rem;transform:translateY(220%);transition:transform .32s ease}
.uwit.is-visible,.cookie-banner--visible,.uwit.show,.uwit.active{transform:none !important}
.uwit a{color:inherit;text-decoration:underline}
.uwit button{cursor:pointer}
.uare{position:fixed !important;inset:0;z-index:9001 !important;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);padding:1rem}
.uare.is-visible,.cookie-modal--visible,.uare.show,.uare.active{display:flex !important}
.uoxj,.uare>div{background:#fff;color:#1a1a1a;max-width:480px;width:100%;border-radius:12px;padding:1.25rem;max-height:85vh;overflow:auto}
.unjb .ujvp,.unjb .ugfb,.unjb .ukmz,.unjb .umbp,.uvjn .ujvp,.uvjn .ugfb,.uvjn .ukmz,.uvjn .umbp{background:#fff !important;color:#1a1a1a !important}
.ujvp,.ugfb{color:#1a1a1a !important}
.ujvp label,.ugfb label,.ujvp p,.ugfb p,.ujvp .udge,.ujvp span,.ugfb span,.upss,.uqkx,.ukmz .uudk,.ukmz .uudk *{color:#1a1a1a !important}
.upss,.uqkx{background:#f3f4f2 !important;border-color:rgba(0,0,0,.12) !important}
.ujvp .uqrd{color:#1a1a1a !important}
.ujvp .uqrd.is-sel{color:#fff !important}
.ugix .uzwk{display:none}
.ugix .uzwk.is-visible{display:block !important;color:#c0392b}
.ugix .uidc,.ugix [name="website"]{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.ugix{color:#1a1a1a}
.unjb .ugix,.uvjn .ugix{background:#fff !important;color:#1a1a1a !important}
.product-pack svg{width:100%;height:auto;display:block}
.umbx{position:relative !important;aspect-ratio:1/1;overflow:hidden}
.umbx img{width:100%;height:100%;object-fit:cover}
.usez,.umhw{position:absolute !important;inset:0;z-index:0 !important;overflow:hidden;pointer-events:none}
.usez img,.umhw img{width:100%;height:100%;object-fit:cover;display:block}
.usez img{opacity:.28}
.umhw img{opacity:.07}
*:has(> .usez),*:has(> .umhw){position:relative}
.umra{position:absolute !important;left:50%;top:52%;transform:translate(-50%,-50%);width:52%;max-width:280px;text-align:center;pointer-events:none;color:#2c2c2c;background:rgba(250,246,238,.94);border-radius:10px;padding:1rem .8rem;box-shadow:0 2px 14px rgba(0,0,0,.16)}
.umra .uapt{display:block;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.05}
.umra .udpn{display:block;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.45rem;opacity:.72}
.ubxo{margin:1.4rem auto;max-width:920px}
.ubxo img{width:100%;height:auto;display:block;border-radius:14px;box-shadow:0 10px 34px rgba(0,0,0,.12)}
.unzv{padding:3rem 0}
.uurn{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;width:92%;max-width:1200px;margin-inline:auto}
.uurn img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:12px}
.umbp{position:relative;width:100% !important;max-width:860px;margin-inline:auto;overflow:hidden}
.uxcc{display:flex;overflow:hidden;gap:0 !important}
.udlc{min-width:100%;flex:0 0 100%;box-sizing:border-box;padding:1.2rem 3.2rem;margin:0 !important}
.uerr{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer;z-index:2;font-size:1.1rem;line-height:1}
.ubix{left:.5rem}.ubvx{right:.5rem}
.ukmz .uudk{display:none}.ukmz .uudk.is-active{display:block}
.ujvp .uqil{display:block !important}
.ujvp .uaop{display:flex;flex-wrap:wrap;gap:.5rem}
.ujvp .uqrd{cursor:pointer}