/** Shopify CDN: Minification failed

Line 23:0 All "@import" rules must come first

**/
/* ============================================================================
   vyrd-styles.css — VirtNova Yeast Relief Drops clone, full design system
   Namespaced with `vyrd-` prefix to avoid colliding with theme (Horizon) CSS.
   ============================================================================ */
:root{
  --vyrd-bg:#0B1512; --vyrd-bg-2:#12211B; --vyrd-surface:#192B23; --vyrd-cream:#F5F1E8; --vyrd-bone:#E9E2D5;
  --vyrd-text-light:#FAF8F2; --vyrd-text-dark:#152019; --vyrd-muted:#AEB9B2; --vyrd-muted-dark:#5A6B5F;
  --vyrd-sage:#8FAF95; --vyrd-sage-light:#C4D6C5; --vyrd-amber:#D79352; --vyrd-clay:#C8785E; --vyrd-gold:#C8A96A; --vyrd-status:#73B887;
  --vyrd-line-dark:rgba(255,255,255,0.12); --vyrd-line-light:rgba(21,32,25,0.12);
  --vyrd-r-sm:14px; --vyrd-r-md:22px; --vyrd-r-lg:28px; --vyrd-r-xl:34px;
  --vyrd-f-display:'Sora',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --vyrd-f-body:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --vyrd-f-serif:'Newsreader',Georgia,'Times New Roman',serif;
  --vyrd-f-mono:'Space Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  --vyrd-sh-sm:0 2px 10px rgba(0,0,0,.25); --vyrd-sh-md:0 14px 40px rgba(0,0,0,.35); --vyrd-sh-lg:0 30px 80px rgba(0,0,0,.45);
  --vyrd-shell:min(1240px,100% - 40px); --vyrd-header-h:68px;
}
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600&family=Newsreader:ital,opsz@1,6..72&family=Space+Mono:wght@400;700&display=swap');

.vyrd-root *,.vyrd-root *::before,.vyrd-root *::after{box-sizing:border-box}
.vyrd-root{
  background:var(--vyrd-bg);color:var(--vyrd-text-light);
  font-family:var(--vyrd-f-body);font-size:17px;line-height:1.6;font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.vyrd-root img{max-width:100%;display:block}
.vyrd-root a{color:var(--vyrd-sage-light);text-decoration:none;transition:color .2s}
.vyrd-root a:hover{color:var(--vyrd-amber)}
.vyrd-root button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.vyrd-root h1,.vyrd-root h2,.vyrd-root h3,.vyrd-root h4{font-family:var(--vyrd-f-display);font-weight:600;line-height:1.08;letter-spacing:-.02em;margin:0}
.vyrd-root p{margin:0}
.vyrd-root :focus-visible{outline:2px solid var(--vyrd-amber);outline-offset:3px;border-radius:4px}
body.vyrd-no-scroll{overflow:hidden}

.vyrd-shell{width:var(--vyrd-shell);margin-inline:auto}
.vyrd-eyebrow{font-family:var(--vyrd-f-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--vyrd-amber);font-weight:400;margin:0 0 14px}
.vyrd-eyebrow.vyrd-on-cream{color:var(--vyrd-clay)}
.vyrd-section-head{max-width:760px;margin-bottom:40px}
.vyrd-section-head h2{font-size:clamp(30px,4.4vw,52px)}
.vyrd-section-head p{margin-top:14px;color:var(--vyrd-muted);font-size:clamp(16px,1.6vw,19px);max-width:620px}
.vyrd-on-cream .vyrd-section-head p,.vyrd-cream .vyrd-section-head p{color:var(--vyrd-muted-dark)}
.vyrd-serif-em{font-family:var(--vyrd-f-serif);font-style:italic;font-weight:400}

.vyrd-section{position:relative}
.vyrd-pad{padding:clamp(56px,7vw,104px) 0}
.vyrd-cream{background:var(--vyrd-cream);color:var(--vyrd-text-dark)}
.vyrd-cream h1,.vyrd-cream h2,.vyrd-cream h3,.vyrd-cream h4{color:var(--vyrd-text-dark)}
.vyrd-paper{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)' opacity='0.04'/></svg>")}

/* Tighten the seam between back-to-back sections that share the same cream
   background (stories→oral, routine→ear-compare, ear-compare→ingredients),
   and between the dark concerns section and the cream stories section
   directly below it, which was leaving an oversized blank gap on mobile. */
#dog-relief-concerns.vyrd-pad{padding-bottom:clamp(32px,4vw,64px)}
#dog-relief-stories.vyrd-pad{padding-top:clamp(32px,4vw,64px);padding-bottom:clamp(24px,3vw,48px)}
#dog-relief-oral.vyrd-pad{padding-top:clamp(24px,3vw,48px)}
#dog-relief-routine.vyrd-pad{padding-bottom:clamp(24px,3vw,48px)}
#dog-relief-ear-compare.vyrd-pad{padding-top:clamp(24px,3vw,48px);padding-bottom:clamp(24px,3vw,48px)}
#dog-relief-ingredients.vyrd-pad{padding-top:clamp(24px,3vw,48px)}

.vyrd-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.vyrd-reveal.vyrd-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.vyrd-reveal{opacity:1;transform:none;transition:none}}

/* Media slots */
.vyrd-media{position:relative;aspect-ratio:1/1;border-radius:var(--vyrd-r-lg);overflow:hidden;background:radial-gradient(120% 120% at 30% 20%,#22362c 0%,#16261f 55%,#0f1c16 100%);border:1px solid var(--vyrd-line-dark);isolation:isolate}
.vyrd-media.vyrd-on-cream{background:radial-gradient(120% 120% at 30% 20%,#efe9db 0%,#e6ddca 60%,#ded2ba 100%);border:1px solid var(--vyrd-line-light)}
.vyrd-media img{width:100%;height:100%;object-fit:cover}
.vyrd-media img.vyrd-contain{object-fit:contain;padding:8%}
/* In the inline gallery (thumbnail-driven main slide), fill the square frame
   instead of letterboxing wide product photos — the empty gradient band above
   the caption looked broken on mobile. Full uncropped image is still shown
   when a shopper opens the fullscreen lightbox (.vyrd-mmodal), which reuses
   the same markup but sits outside .vyrd-gal-main so this override doesn't apply there. */
.vyrd-gal-main .vyrd-media img.vyrd-contain{object-fit:cover;padding:0}
.vyrd-media video{width:100%;height:100%;object-fit:cover;display:block}
.vyrd-media .vyrd-slot{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:26px;z-index:2}
.vyrd-media .vyrd-slot svg{width:38px;height:38px;stroke:var(--vyrd-sage);opacity:.75}
.vyrd-media.vyrd-on-cream .vyrd-slot svg{stroke:var(--vyrd-clay)}
.vyrd-slot-title{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--vyrd-sage)}
.vyrd-media.vyrd-on-cream .vyrd-slot-title{color:var(--vyrd-clay)}
.vyrd-slot-desc{font-size:13.5px;color:var(--vyrd-muted);max-width:230px;line-height:1.5}
.vyrd-media.vyrd-on-cream .vyrd-slot-desc{color:var(--vyrd-muted-dark)}
.vyrd-media.vyrd-has-img .vyrd-slot{display:none}
.vyrd-spotlight::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(60% 55% at 50% 42%,rgba(215,147,82,.28),transparent 70%);pointer-events:none}

/* Buttons */
.vyrd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--vyrd-f-display);font-weight:600;font-size:15px;letter-spacing:.01em;padding:15px 26px;border-radius:999px;min-height:48px;transition:transform .18s,box-shadow .25s,background .25s,color .2s;position:relative;overflow:hidden}
.vyrd-btn-primary{color:var(--vyrd-text-dark) !important;background:linear-gradient(135deg,var(--vyrd-amber),color-mix(in srgb, var(--vyrd-amber) 65%, white) 50%,var(--vyrd-amber) 100%) !important;box-shadow:0 10px 30px color-mix(in srgb, var(--vyrd-amber) 28%, transparent) !important;border:none !important}
.vyrd-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(215,147,82,.4)}
.vyrd-btn-primary:active{transform:translateY(0)}
.vyrd-btn-outline{border:1px solid var(--vyrd-sage);color:var(--vyrd-sage-light);background:transparent}
.vyrd-btn-outline:hover{background:rgba(143,175,149,.12);color:var(--vyrd-text-light)}
.vyrd-btn-ghost-cream{border:1px solid var(--vyrd-line-light);color:var(--vyrd-text-dark);background:transparent}
.vyrd-btn-ghost-cream:hover{background:rgba(21,32,25,.06)}
.vyrd-btn-block{width:100%}
.vyrd-btn .vyrd-ripple{position:absolute;border-radius:50%;transform:scale(0);background:rgba(255,255,255,.5);animation:vyrd-ripple .6s ease-out;pointer-events:none}
@keyframes vyrd-ripple{to{transform:scale(4);opacity:0}}
.vyrd-btn.vyrd-is-loading{pointer-events:none}
.vyrd-btn.vyrd-is-loading .vyrd-btn-label{opacity:0}
.vyrd-btn .vyrd-spinner{position:absolute;width:20px;height:20px;border:2.5px solid rgba(21,32,25,.25);border-top-color:var(--vyrd-text-dark);border-radius:50%;opacity:0;animation:vyrd-spin .7s linear infinite}
.vyrd-btn.vyrd-is-loading .vyrd-spinner{opacity:1}
@keyframes vyrd-spin{to{transform:rotate(360deg)}}

/* Hero */
.vyrd-hero-section{background:radial-gradient(90% 70% at 78% 0%,#16281f 0%,transparent 60%),radial-gradient(70% 60% at 0% 100%,#132019 0%,transparent 55%),var(--vyrd-bg)}
.vyrd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:start;padding:clamp(40px,6vw,80px) 0 clamp(56px,7vw,96px)}
.vyrd-hero-grid > *{min-width:0}
.vyrd-gallery{position:sticky;top:calc(var(--vyrd-header-h) + 20px);min-width:0}
.vyrd-gal-main{position:relative;min-width:0}
.vyrd-gal-main .vyrd-media{border-radius:var(--vyrd-r-xl)}
.vyrd-gal-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.vyrd-gal-slide.vyrd-active{opacity:1;pointer-events:auto;z-index:1}
.vyrd-gal-main .vyrd-media img{transition:transform .5s ease}
@media (hover:hover){.vyrd-gal-main:hover .vyrd-media img{transform:scale(1.06)}}
.vyrd-gal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;background:rgba(11,21,18,.6);backdrop-filter:blur(8px);border:1px solid var(--vyrd-line-dark);display:flex;align-items:center;justify-content:center}
.vyrd-gal-nav:hover{background:rgba(11,21,18,.85)}
.vyrd-gal-nav svg{width:20px;height:20px;stroke:var(--vyrd-text-light)}
.vyrd-gal-nav.vyrd-prev{left:14px}.vyrd-gal-nav.vyrd-next{right:14px}
.vyrd-gal-expand{position:absolute;top:14px;right:14px;z-index:6;width:42px;height:42px;border-radius:12px;background:rgba(11,21,18,.6);backdrop-filter:blur(8px);border:1px solid var(--vyrd-line-dark);display:flex;align-items:center;justify-content:center}
.vyrd-gal-expand svg{width:18px;height:18px;stroke:var(--vyrd-text-light)}
.vyrd-gal-play{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center}
.vyrd-gal-play button{width:74px;height:74px;border-radius:50%;background:rgba(215,147,82,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px rgba(0,0,0,.4)}
.vyrd-gal-play svg{width:26px;height:26px;fill:var(--vyrd-text-dark);margin-left:3px}
.vyrd-gal-caption{position:absolute;left:16px;bottom:16px;z-index:5;font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vyrd-sage-light);background:rgba(11,21,18,.55);backdrop-filter:blur(6px);padding:6px 12px;border-radius:999px;max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vyrd-gal-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:14px;width:100%}
.vyrd-gal-thumb{aspect-ratio:1/1;border-radius:14px;overflow:hidden;border:2px solid transparent;background:#16261f;position:relative;transition:border-color .2s,transform .2s;min-width:0;width:100%}
.vyrd-gal-thumb:hover{transform:translateY(-2px)}
.vyrd-gal-thumb.vyrd-active{border-color:var(--vyrd-amber)}
.vyrd-gal-thumb .vyrd-mini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vyrd-gal-thumb .vyrd-mini svg{width:20px;height:20px;stroke:var(--vyrd-sage);opacity:.6}
.vyrd-gal-thumb.vyrd-is-video::after{content:"";position:absolute;right:5px;bottom:5px;width:16px;height:16px;border-radius:50%;background:rgba(215,147,82,.9);clip-path:polygon(35% 28%,35% 72%,72% 50%)}
.vyrd-particles{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.vyrd-particles i{position:absolute;width:6px;height:6px;border-radius:50%;background:rgba(196,214,197,.5);animation:vyrd-float 9s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.vyrd-particles{display:none}}
@keyframes vyrd-float{0%,100%{transform:translateY(0) translateX(0);opacity:.2}50%{transform:translateY(-24px) translateX(10px);opacity:.7}}

/* Purchase card */
.vyrd-buy-card{background:linear-gradient(160deg,rgba(25,43,35,.9),rgba(18,33,27,.92));border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-lg);padding:clamp(22px,3vw,32px);backdrop-filter:blur(12px);box-shadow:var(--vyrd-sh-md)}
.vyrd-buy-card .vyrd-p-eyebrow{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--vyrd-amber);margin-bottom:14px}
.vyrd-buy-card h1{font-size:clamp(15px,1.6vw,17px);font-weight:600;color:var(--vyrd-text-light);letter-spacing:0;line-height:1.3}
.vyrd-buy-card .vyrd-p-support{font-family:var(--vyrd-f-serif);font-style:italic;font-size:16px;color:var(--vyrd-sage-light);margin-top:4px}
.vyrd-buy-card .vyrd-p-headline{font-family:var(--vyrd-f-display);font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.12;margin:16px 0 12px;letter-spacing:-.02em}
.vyrd-buy-card .vyrd-p-desc{color:var(--vyrd-muted);font-size:15px;line-height:1.55}
.vyrd-benefit-row{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:20px 0 22px;padding:18px 0;border-top:1px solid var(--vyrd-line-dark);border-bottom:1px solid var(--vyrd-line-dark);padding-left:0;margin-left:0}
.vyrd-benefit-row li{display:flex;gap:9px;align-items:flex-start;list-style:none;font-size:13.5px;color:var(--vyrd-sage-light);min-width:0}
.vyrd-benefit-row svg{width:17px;height:17px;stroke:var(--vyrd-sage);flex:none;margin-top:2px}

.vyrd-bundles{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.vyrd-bundle{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--vyrd-r-md);border:1.5px solid var(--vyrd-line-dark);background:rgba(11,21,18,.4);cursor:pointer;transition:border-color .25s,background .25s,transform .15s}
.vyrd-bundle:hover{border-color:rgba(143,175,149,.5)}
.vyrd-bundle input{position:absolute;opacity:0;pointer-events:none}
.vyrd-bundle .vyrd-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--vyrd-muted);flex:none;display:flex;align-items:center;justify-content:center;transition:border-color .2s}
.vyrd-bundle .vyrd-radio::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--vyrd-amber);transform:scale(0);transition:transform .2s}
.vyrd-bundle .vyrd-b-body{flex:1;min-width:0}
.vyrd-bundle .vyrd-b-qty{font-family:var(--vyrd-f-display);font-weight:600;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vyrd-bundle .vyrd-b-sub{font-size:12.5px;color:var(--vyrd-muted);margin-top:3px;line-height:1.4}
.vyrd-bundle .vyrd-b-price{text-align:right;flex:none}
.vyrd-bundle .vyrd-b-now{font-family:var(--vyrd-f-display);font-weight:600;font-size:18px}
.vyrd-bundle .vyrd-b-was{font-size:12.5px;color:var(--vyrd-muted);text-decoration:line-through}
.vyrd-bundle .vyrd-b-each{font-size:11px;color:var(--vyrd-sage);font-family:var(--vyrd-f-mono);margin-top:2px}
.vyrd-bundle .vyrd-badge{font-family:var(--vyrd-f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(215,147,82,.16);color:var(--vyrd-amber);border:1px solid rgba(215,147,82,.35)}
.vyrd-bundle .vyrd-badge.vyrd-value{background:rgba(115,184,135,.16);color:var(--vyrd-status);border-color:rgba(115,184,135,.35)}
.vyrd-bundle.vyrd-selected{border-color:var(--vyrd-amber);background:rgba(215,147,82,.07);box-shadow:0 0 0 1px var(--vyrd-amber) inset}
.vyrd-bundle.vyrd-selected .vyrd-radio{border-color:var(--vyrd-amber)}
.vyrd-bundle.vyrd-selected .vyrd-radio::after{transform:scale(1)}
.vyrd-bundle .vyrd-save-pill{font-family:var(--vyrd-f-mono);font-size:10px;color:var(--vyrd-status);margin-top:4px}

.vyrd-summary{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px}
.vyrd-summary .vyrd-row{display:flex;justify-content:space-between;color:var(--vyrd-muted)}
.vyrd-summary .vyrd-row .vyrd-num{color:var(--vyrd-text-light);font-variant-numeric:tabular-nums;transition:color .3s}
.vyrd-summary .vyrd-row.vyrd-save .vyrd-num{color:var(--vyrd-status)}
.vyrd-summary .vyrd-row.vyrd-total{border-top:1px solid var(--vyrd-line-dark);padding-top:10px;margin-top:3px;font-size:16px;color:var(--vyrd-text-light);font-weight:600}
.vyrd-summary .vyrd-row.vyrd-total .vyrd-num{font-family:var(--vyrd-f-display);font-size:22px}
.vyrd-num.vyrd-flash{animation:vyrd-numflash .5s}
@keyframes vyrd-numflash{0%{color:var(--vyrd-amber);transform:scale(1.08)}100%{}}

.vyrd-trust-row{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:16px}
.vyrd-trust-row .vyrd-t{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--vyrd-muted)}
.vyrd-trust-row svg{width:15px;height:15px;stroke:var(--vyrd-sage);flex:none}
.vyrd-buy-disclaimer{margin-top:16px;font-size:11.5px;line-height:1.55;color:var(--vyrd-muted);border-top:1px solid var(--vyrd-line-dark);padding-top:14px}

/* Facts */
.vyrd-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vyrd-fact{background:var(--vyrd-surface);border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-md);padding:30px 26px;text-align:left}
.vyrd-fact .vyrd-fnum{font-family:var(--vyrd-f-display);font-size:40px;font-weight:700;color:var(--vyrd-amber);letter-spacing:-.03em}
.vyrd-fact .vyrd-flabel{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vyrd-sage);margin:8px 0 8px}
.vyrd-fact .vyrd-fdesc{font-size:14px;color:var(--vyrd-muted)}

/* Concerns */
.vyrd-empathy-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.vyrd-concern-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}
.vyrd-concern{background:rgba(255,255,255,.03);border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-md);padding:22px;cursor:pointer;transition:transform .2s,border-color .25s,background .25s}
.vyrd-concern:hover,.vyrd-concern.vyrd-open{transform:translateY(-3px);border-color:rgba(215,147,82,.4);background:rgba(215,147,82,.05)}
.vyrd-concern .vyrd-c-icon{width:40px;height:40px;border-radius:12px;background:rgba(143,175,149,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.vyrd-concern .vyrd-c-icon svg{width:22px;height:22px;stroke:var(--vyrd-sage)}
.vyrd-concern h3{font-size:16px;font-weight:600}
.vyrd-concern .vyrd-c-body{font-size:13.5px;color:var(--vyrd-muted);margin-top:8px;max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s}
.vyrd-concern.vyrd-open .vyrd-c-body,.vyrd-concern:hover .vyrd-c-body{max-height:120px}
.vyrd-safety-note{margin-top:28px;font-size:13px;color:var(--vyrd-muted);border-left:2px solid var(--vyrd-amber);padding:10px 0 10px 16px;background:linear-gradient(90deg,rgba(215,147,82,.06),transparent)}

/* Oral / split */
.vyrd-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.vyrd-step-cards{display:flex;flex-direction:column;gap:14px}
.vyrd-step-card{display:flex;gap:18px;padding:22px;border-radius:var(--vyrd-r-md);background:#fff;border:1px solid var(--vyrd-line-light)}
.vyrd-step-card .vyrd-sc-num{font-family:var(--vyrd-f-mono);font-size:13px;color:var(--vyrd-clay);border:1px solid rgba(200,120,94,.4);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.vyrd-step-card h3{font-size:16px;font-weight:600}
.vyrd-step-card p{font-size:14px;color:var(--vyrd-muted-dark);margin-top:5px}
.vyrd-distinction{margin-top:24px;display:flex;gap:12px;align-items:flex-start;background:rgba(215,147,82,.08);border:1px solid rgba(215,147,82,.28);border-radius:var(--vyrd-r-md);padding:18px 20px}
.vyrd-distinction svg{width:22px;height:22px;stroke:var(--vyrd-amber);flex:none;margin-top:1px}
.vyrd-distinction b{color:var(--vyrd-text-light)}
.vyrd-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:34px;justify-content:center}
.vyrd-flow .vyrd-node{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .5s}
.vyrd-flow .vyrd-node.vyrd-on{opacity:1}
.vyrd-flow .vyrd-node .vyrd-dot{width:56px;height:56px;border-radius:50%;background:var(--vyrd-surface);border:1px solid var(--vyrd-line-dark);display:flex;align-items:center;justify-content:center}
.vyrd-flow .vyrd-node.vyrd-on .vyrd-dot{border-color:var(--vyrd-amber);box-shadow:0 0 0 4px rgba(215,147,82,.14)}
.vyrd-flow .vyrd-node svg{width:26px;height:26px;stroke:var(--vyrd-sage)}
.vyrd-flow .vyrd-node.vyrd-on svg{stroke:var(--vyrd-amber)}
.vyrd-flow .vyrd-node span{font-family:var(--vyrd-f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--vyrd-muted-dark)}
.vyrd-flow .vyrd-arrow{width:26px;height:2px;background:var(--vyrd-line-light);position:relative}
.vyrd-flow .vyrd-arrow.vyrd-on{background:var(--vyrd-amber)}

/* Benefits */
.vyrd-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vyrd-benefit-card{background:rgba(255,255,255,.03);border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-md);padding:28px;cursor:pointer;transition:transform .22s,border-color .25s,box-shadow .3s}
.vyrd-benefit-card:hover,.vyrd-benefit-card.vyrd-open{transform:translateY(-4px);border-color:rgba(143,175,149,.45);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.vyrd-benefit-card .vyrd-bi{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:radial-gradient(circle at 30% 30%,rgba(215,147,82,.2),rgba(143,175,149,.1))}
.vyrd-benefit-card .vyrd-bi svg{width:26px;height:26px;stroke:var(--vyrd-amber)}
.vyrd-benefit-card h3{font-size:18px;font-weight:600}
.vyrd-benefit-card p{font-size:14px;color:var(--vyrd-muted);margin-top:9px}
.vyrd-benefit-card .vyrd-more{font-size:13px;color:var(--vyrd-sage);max-height:0;overflow:hidden;transition:max-height .35s;margin-top:0}
.vyrd-benefit-card.vyrd-open .vyrd-more{max-height:140px;margin-top:10px}
.vyrd-benefit-card .vyrd-toggle{margin-top:14px;font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vyrd-amber);display:inline-flex;align-items:center;gap:6px}

/* Routine slider */
.vyrd-compare-slider{position:relative;aspect-ratio:16/10;max-width:960px;margin-inline:auto;border-radius:var(--vyrd-r-lg);overflow:hidden;border:1px solid var(--vyrd-line-dark);user-select:none;touch-action:pan-y}
.vyrd-cs-side{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px}
.vyrd-cs-before{background:radial-gradient(120% 120% at 20% 20%,#2a2620,#1a1712)}
.vyrd-cs-after{background:radial-gradient(120% 120% at 80% 20%,#1c3327,#12211b);clip-path:inset(0 0 0 50%)}
.vyrd-cs-tag{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.vyrd-cs-before .vyrd-cs-tag{color:var(--vyrd-clay)}.vyrd-cs-after .vyrd-cs-tag{color:var(--vyrd-status)}
.vyrd-cs-side h3{font-size:clamp(20px,2.6vw,28px);margin-bottom:16px;color:var(--vyrd-text-light)}
.vyrd-cs-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.vyrd-cs-side li{display:flex;gap:9px;font-size:14px;color:var(--vyrd-muted)}
.vyrd-cs-side li svg{width:16px;height:16px;flex:none;margin-top:3px}
.vyrd-cs-before li svg{stroke:var(--vyrd-clay)}.vyrd-cs-after li svg{stroke:var(--vyrd-status)}
.vyrd-cs-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--vyrd-text-light);z-index:5;transform:translateX(-1px)}
.vyrd-cs-handle .vyrd-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--vyrd-text-light);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.vyrd-cs-handle .vyrd-grip svg{width:22px;height:22px;stroke:var(--vyrd-text-dark)}
.vyrd-cs-note{text-align:center;font-size:13px;color:var(--vyrd-muted);margin-top:20px}

/* Ingredients */
.vyrd-ingredient-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
.vyrd-ing-card{flex:0 0 clamp(230px,26vw,290px);scroll-snap-align:start;background:#fff;border:1px solid var(--vyrd-line-light);border-radius:var(--vyrd-r-md);overflow:hidden;transition:transform .22s,box-shadow .3s}
.vyrd-ing-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(21,32,25,.14)}
.vyrd-ing-card .vyrd-media{border-radius:0}
.vyrd-ing-card .vyrd-ing-body{padding:22px}
.vyrd-ing-num{font-family:var(--vyrd-f-mono);font-size:11px;color:var(--vyrd-clay);letter-spacing:.14em}
.vyrd-ing-card h3{font-size:20px;margin:8px 0 8px;color:var(--vyrd-text-dark)}
.vyrd-ing-card p{font-size:14px;color:var(--vyrd-muted-dark)}
.vyrd-ing-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.vyrd-ing-controls button{width:46px;height:46px;border-radius:50%;border:1px solid var(--vyrd-line-light);display:flex;align-items:center;justify-content:center;background:#fff}
.vyrd-ing-controls button:hover{background:var(--vyrd-bone)}
.vyrd-ing-controls svg{width:20px;height:20px;stroke:var(--vyrd-text-dark)}
.vyrd-ing-disclosure{margin-top:26px;font-size:13px;color:var(--vyrd-muted-dark);text-align:center}

/* How to use */
.vyrd-howto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative}
.vyrd-howto-line{position:absolute;top:36px;left:8%;right:8%;height:2px;background:var(--vyrd-line-dark);z-index:0}
.vyrd-howto-line .vyrd-fill{position:absolute;inset:0;width:0;background:var(--vyrd-amber);transition:width 1s ease}
.vyrd-howstep{position:relative;z-index:1;background:linear-gradient(160deg,rgba(25,43,35,.7),rgba(18,33,27,.7));border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-md);padding:26px 24px;text-align:center;transition:border-color .3s,transform .3s}
.vyrd-howstep.vyrd-on{border-color:rgba(215,147,82,.5);transform:translateY(-4px)}
.vyrd-howstep .vyrd-hs-num{width:56px;height:56px;border-radius:50%;background:var(--vyrd-surface);border:1px solid var(--vyrd-line-dark);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:var(--vyrd-f-display);font-weight:700;font-size:20px;color:var(--vyrd-muted);transition:color .3s,background .3s,border-color .3s}
.vyrd-howstep.vyrd-on .vyrd-hs-num{color:var(--vyrd-text-dark);background:var(--vyrd-amber);border-color:var(--vyrd-amber)}
.vyrd-howstep h3{font-size:17px;font-weight:600}
.vyrd-howstep p{font-size:13.5px;color:var(--vyrd-muted);margin-top:8px}

/* Serving calculator */
.vyrd-serving-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:start}
.vyrd-unit-toggle{display:inline-flex;background:rgba(21,32,25,.04);border:1px solid var(--vyrd-line-light);border-radius:999px;padding:4px;margin-bottom:20px}
.vyrd-unit-toggle button{padding:8px 18px;border-radius:999px;font-family:var(--vyrd-f-mono);font-size:12px;letter-spacing:.1em;color:var(--vyrd-muted-dark)}
.vyrd-unit-toggle button.vyrd-on{background:var(--vyrd-amber);color:var(--vyrd-text-dark)}
.vyrd-weight-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vyrd-weight-card{padding:22px;border-radius:var(--vyrd-r-md);border:1.5px solid var(--vyrd-line-light);background:#fff;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,transform .15s}
.vyrd-weight-card:hover{border-color:rgba(143,175,149,.5);transform:translateY(-2px)}
.vyrd-weight-card.vyrd-sel{border-color:var(--vyrd-amber);background:rgba(215,147,82,.08)}
.vyrd-weight-card .vyrd-wc-range{font-family:var(--vyrd-f-display);font-weight:600;font-size:20px}
.vyrd-weight-card .vyrd-wc-hint{font-size:12.5px;color:var(--vyrd-muted-dark);margin-top:5px}
.vyrd-serving-result{background:var(--vyrd-surface);border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-lg);padding:32px;position:sticky;top:100px}
.vyrd-dropper{width:52px;height:130px;margin:0 auto 20px;position:relative}
.vyrd-dropper .vyrd-bulb{width:34px;height:40px;margin:0 auto;border-radius:16px 16px 40% 40%;background:var(--vyrd-clay)}
.vyrd-dropper .vyrd-tube{width:14px;height:78px;margin:0 auto;background:linear-gradient(var(--vyrd-sage-light),rgba(196,214,197,.3));border-radius:0 0 6px 6px;position:relative;overflow:hidden;border:1px solid var(--vyrd-line-dark);border-top:none}
.vyrd-dropper .vyrd-liquid{position:absolute;left:0;right:0;bottom:0;background:var(--vyrd-amber);height:0;transition:height .7s cubic-bezier(.3,.7,.3,1)}
.vyrd-dropper .vyrd-drip{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);width:8px;height:11px;background:var(--vyrd-amber);border-radius:50%;opacity:0}
.vyrd-dropper.vyrd-drop .vyrd-drip{animation:vyrd-drip 1.1s ease-in infinite}
@media (prefers-reduced-motion:reduce){.vyrd-dropper.vyrd-drop .vyrd-drip{animation:none;opacity:0}}
@keyframes vyrd-drip{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,26px)}}
.vyrd-serving-result .vyrd-sr-amt{font-family:var(--vyrd-f-display);font-weight:700;font-size:46px;text-align:center;letter-spacing:-.03em;color:var(--vyrd-amber)}
.vyrd-serving-result .vyrd-sr-sub{text-align:center;color:var(--vyrd-muted);font-size:14px;margin-top:4px}
.vyrd-serving-result .vyrd-sr-note{margin-top:18px;font-size:12.5px;color:var(--vyrd-muted);line-height:1.5}
.vyrd-serving-result .vyrd-sr-actions{display:flex;gap:10px;margin-top:20px}
.vyrd-serving-result .vyrd-sr-actions .vyrd-btn{flex:1;min-height:44px;padding:12px;font-size:13px}
.vyrd-serving-warn{color:var(--vyrd-amber);font-size:14px;line-height:1.55}
.vyrd-label-notice{margin-top:24px;font-size:12.5px;color:var(--vyrd-muted-dark);text-align:center;max-width:640px;margin-inline:auto}

/* What to expect */
.vyrd-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.vyrd-tl-item{padding:26px;border-radius:var(--vyrd-r-md);background:rgba(255,255,255,.03);border:1px solid var(--vyrd-line-dark);position:relative}
.vyrd-tl-item .vyrd-tl-track{height:4px;border-radius:4px;background:var(--vyrd-line-dark);overflow:hidden;margin-bottom:18px}
.vyrd-tl-item .vyrd-tl-track .vyrd-tl-fill{height:100%;width:0;background:linear-gradient(90deg,var(--vyrd-sage),var(--vyrd-amber));transition:width 1.1s ease}
.vyrd-tl-item .vyrd-tl-when{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--vyrd-amber)}
.vyrd-tl-item h3{font-size:16px;font-weight:600;margin:8px 0 8px}
.vyrd-tl-item p{font-size:13.5px;color:var(--vyrd-muted)}

/* Stories */
.vyrd-stories-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}
.vyrd-story{flex:0 0 clamp(270px,30vw,330px);scroll-snap-align:start;background:#fff;border:1px dashed var(--vyrd-line-light);border-radius:var(--vyrd-r-md);overflow:hidden}
.vyrd-story .vyrd-media{border-radius:0}
.vyrd-story .vyrd-st-body{padding:22px}
.vyrd-story .vyrd-st-stars{display:flex;gap:2px;color:var(--vyrd-clay);opacity:.5;margin-bottom:8px}
.vyrd-story .vyrd-st-stars svg{width:16px;height:16px;fill:currentColor;stroke:none}
.vyrd-story .vyrd-st-quote{font-size:14px;color:var(--vyrd-muted-dark);font-family:var(--vyrd-f-serif);font-style:italic}
.vyrd-story .vyrd-st-ph{font-family:var(--vyrd-f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--vyrd-clay);margin-bottom:10px}
.vyrd-stories-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.vyrd-stories-controls button{width:46px;height:46px;border-radius:50%;border:1px solid var(--vyrd-line-light);display:flex;align-items:center;justify-content:center;background:#fff}
.vyrd-stories-controls svg{width:20px;height:20px;stroke:var(--vyrd-text-dark)}

/* Comparison */
.vyrd-compare-table{width:100%;border-collapse:collapse;font-size:14px}
.vyrd-compare-table th,.vyrd-compare-table td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--vyrd-line-dark);vertical-align:middle}
.vyrd-compare-table thead th{font-family:var(--vyrd-f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vyrd-muted);font-weight:400}
.vyrd-compare-table tbody th{font-weight:500;color:var(--vyrd-text-light);width:30%}
.vyrd-compare-table .vyrd-col-us{background:linear-gradient(180deg,rgba(215,147,82,.1),rgba(143,175,149,.06));position:relative}
.vyrd-compare-table thead .vyrd-col-us{color:var(--vyrd-amber);font-weight:700;border-top-left-radius:14px;border-top-right-radius:14px}
.vyrd-compare-table .vyrd-yes{color:var(--vyrd-status);display:inline-flex;gap:7px;align-items:center}
.vyrd-compare-table .vyrd-yes svg{width:16px;height:16px;stroke:var(--vyrd-status)}
.vyrd-compare-table .vyrd-no{color:var(--vyrd-muted);opacity:.6}
.vyrd-compare-cards{display:none}
.vyrd-cmp-card{background:rgba(255,255,255,.03);border:1px solid var(--vyrd-line-dark);border-radius:var(--vyrd-r-md);padding:20px}
.vyrd-cmp-card.vyrd-us{border-color:rgba(215,147,82,.4);background:linear-gradient(160deg,rgba(215,147,82,.08),rgba(143,175,149,.04))}
.vyrd-cmp-card h3{font-size:17px;margin-bottom:14px}
.vyrd-cmp-card .vyrd-cmp-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--vyrd-line-dark);font-size:13.5px}
.vyrd-cmp-card .vyrd-cmp-row .vyrd-k{color:var(--vyrd-muted)}
.vyrd-cmp-card .vyrd-cmp-row .vyrd-v{text-align:right;color:var(--vyrd-text-light)}

/* Quality */
.vyrd-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vyrd-q-card{background:#fff;border:1px solid var(--vyrd-line-light);border-radius:var(--vyrd-r-md);padding:24px}
.vyrd-q-card .vyrd-qi{width:40px;height:40px;border-radius:11px;background:rgba(143,175,149,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.vyrd-q-card .vyrd-qi svg{width:22px;height:22px;stroke:var(--vyrd-sage)}
.vyrd-q-card h3{font-size:16px;font-weight:600;color:var(--vyrd-text-dark)}
.vyrd-q-card p{font-size:13.5px;color:var(--vyrd-muted-dark);margin-top:7px}
.vyrd-q-card.vyrd-optional{opacity:.55;border-style:dashed}
.vyrd-doc-viewer{margin-top:34px;border:1.5px dashed var(--vyrd-line-light);border-radius:var(--vyrd-r-lg);padding:44px;text-align:center;background:#fff}
.vyrd-doc-viewer svg{width:40px;height:40px;opacity:.6;margin-bottom:14px;stroke:var(--vyrd-clay)}
.vyrd-doc-viewer .vyrd-dv-title{font-family:var(--vyrd-f-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--vyrd-clay)}
.vyrd-doc-viewer p{font-size:13.5px;color:var(--vyrd-muted-dark);margin-top:8px;max-width:420px;margin-inline:auto}

/* Secondary offer */
.vyrd-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}

/* FAQ */
.vyrd-faq-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:26px}
.vyrd-faq-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--vyrd-line-light);border-radius:999px;padding:11px 18px}
.vyrd-faq-search svg{width:18px;height:18px;stroke:var(--vyrd-muted-dark);flex:none}
.vyrd-faq-search input{flex:1;background:none;border:none;color:var(--vyrd-text-dark);font-family:inherit;font-size:14px;outline:none}
.vyrd-faq-toolbtn{font-family:var(--vyrd-f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--vyrd-clay);border:1px solid var(--vyrd-line-light);padding:10px 16px;border-radius:999px}
.vyrd-faq-toolbtn:hover{background:rgba(143,175,149,.1)}
.vyrd-faq-list{max-width:820px}
.vyrd-faq-item{border-bottom:1px solid var(--vyrd-line-light)}
.vyrd-faq-item.vyrd-hidden{display:none}
.vyrd-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;padding:22px 4px;font-family:var(--vyrd-f-display);font-size:17px;font-weight:500;color:var(--vyrd-text-dark)}
.vyrd-faq-q .vyrd-pm{position:relative;width:20px;height:20px;flex:none}
.vyrd-faq-q .vyrd-pm::before,.vyrd-faq-q .vyrd-pm::after{content:"";position:absolute;background:var(--vyrd-amber);border-radius:2px;transition:transform .3s}
.vyrd-faq-q .vyrd-pm::before{top:9px;left:0;width:20px;height:2px}
.vyrd-faq-q .vyrd-pm::after{top:0;left:9px;width:2px;height:20px}
.vyrd-faq-item.vyrd-open .vyrd-faq-q .vyrd-pm::after{transform:scaleY(0)}
.vyrd-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.vyrd-faq-a .vyrd-inner{padding:0 4px 24px;color:var(--vyrd-muted-dark);font-size:15px;line-height:1.6;max-width:680px}
.vyrd-faq-empty{color:var(--vyrd-muted-dark);font-size:14px;padding:20px 4px;display:none}

/* Final CTA */
.vyrd-final-section{min-height:70vh;display:flex;align-items:center;text-align:center;overflow:hidden;background:radial-gradient(80% 80% at 50% 30%,#16281f 0%,#0d1813 55%,#0a120e 100%)}
.vyrd-final-section .vyrd-glow{position:absolute;top:20%;left:50%;transform:translateX(-50%);width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(215,147,82,.22),transparent 65%);pointer-events:none}
.vyrd-final-section .vyrd-content{position:relative;z-index:2;max-width:820px;margin-inline:auto}
.vyrd-final-section h2{font-size:clamp(34px,6vw,68px);line-height:1.02}
.vyrd-final-section .vyrd-sub{color:var(--vyrd-muted);font-size:clamp(16px,2vw,20px);margin:22px auto 0;max-width:620px}
.vyrd-final-section .vyrd-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.vyrd-final-section .vyrd-final-disc{margin-top:28px;font-size:12px;color:var(--vyrd-muted);max-width:600px;margin-inline:auto}
.vyrd-disclaimer-bar{padding:28px 0;background:var(--vyrd-bg-2);border-top:1px solid var(--vyrd-line-dark)}
.vyrd-disclaimer-bar p{font-size:12px;color:var(--vyrd-muted);line-height:1.6;max-width:900px}

/* Sticky mobile buy bar */
.vyrd-buybar{position:fixed;left:0;right:0;bottom:0;z-index:70;transform:translateY(120%);transition:transform .35s cubic-bezier(.4,0,.1,1);background:rgba(18,33,27,.92);backdrop-filter:blur(16px);border-top:1px solid var(--vyrd-line-dark);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px}
.vyrd-buybar.vyrd-show{transform:none}
.vyrd-buybar .vyrd-bb-thumb{width:46px;height:46px;border-radius:12px;background:radial-gradient(circle at 30% 30%,#22362c,#0f1c16);border:1px solid var(--vyrd-line-dark);flex:none;display:flex;align-items:center;justify-content:center}
.vyrd-buybar .vyrd-bb-thumb svg{width:20px;height:20px;stroke:var(--vyrd-sage)}
.vyrd-buybar .vyrd-bb-info{flex:1;min-width:0}
.vyrd-buybar .vyrd-bb-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vyrd-buybar .vyrd-bb-meta{font-size:11.5px;color:var(--vyrd-muted)}
.vyrd-buybar .vyrd-bb-meta .vyrd-num{color:var(--vyrd-amber);font-weight:600}
.vyrd-buybar .vyrd-btn{min-height:46px;padding:12px 20px;font-size:13.5px;flex:none}
@media (min-width:750px){.vyrd-buybar{display:none}}

/* Media modal */
.vyrd-mmodal{position:fixed;inset:0;z-index:100;background:rgba(6,12,10,.92);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.vyrd-mmodal.vyrd-open{visibility:visible;opacity:1}
.vyrd-mmodal .vyrd-mm-inner{width:min(760px,90vw)}
.vyrd-mmodal .vyrd-media{border-radius:var(--vyrd-r-lg)}
.vyrd-mmodal .vyrd-mm-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;border:1px solid var(--vyrd-line-dark);background:rgba(11,21,18,.6);display:flex;align-items:center;justify-content:center}
.vyrd-mmodal .vyrd-mm-close svg{width:22px;height:22px;stroke:var(--vyrd-text-light)}
.vyrd-mmodal .vyrd-mm-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--vyrd-line-dark);background:rgba(11,21,18,.6);display:flex;align-items:center;justify-content:center}
.vyrd-mmodal .vyrd-mm-nav svg{width:24px;height:24px;stroke:var(--vyrd-text-light)}
.vyrd-mmodal .vyrd-mm-nav.vyrd-prev{left:3vw}.vyrd-mmodal .vyrd-mm-nav.vyrd-next{right:3vw}

/* Responsive */
@media (max-width:1024px){
  .vyrd-hero-grid{grid-template-columns:1fr;gap:36px}
  .vyrd-gallery{position:static}
  .vyrd-hero-section{overflow-x:hidden}
  .vyrd-benefits-grid,.vyrd-quality-grid{grid-template-columns:1fr 1fr}
  .vyrd-howto-grid{grid-template-columns:1fr 1fr}
  .vyrd-howto-line{display:none}
  .vyrd-timeline{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .vyrd-empathy-grid,.vyrd-split,.vyrd-serving-wrap,.vyrd-offer-grid{grid-template-columns:1fr;gap:34px}
  .vyrd-facts{grid-template-columns:1fr 1fr}
  .vyrd-compare-table{display:none}
  .vyrd-compare-cards{display:grid;grid-template-columns:1fr;gap:16px}
}
@media (max-width:560px){
  .vyrd-pad{padding:clamp(40px,8vw,64px) 0}
  .vyrd-benefits-grid,.vyrd-concern-cards,.vyrd-benefit-row,.vyrd-weight-cards,.vyrd-howto-grid,.vyrd-timeline,.vyrd-quality-grid{grid-template-columns:1fr}
  .vyrd-facts{grid-template-columns:1fr 1fr}
  .vyrd-compare-slider{aspect-ratio:3/4}
  .vyrd-cs-side{padding:22px}
  .vyrd-section-head{margin-bottom:24px}
  .vyrd-section-head .vyrd-eyebrow{margin-bottom:10px}
  .vyrd-section-head p{margin-top:10px}
  .vyrd-gal-thumbs{grid-template-columns:repeat(4,1fr)}
  .vyrd-gal-caption{font-size:9.5px;letter-spacing:.08em;padding:5px 10px;left:10px;bottom:10px;max-width:calc(100% - 20px)}
}
.price-badge:empty{display:none!important}