.vk-article-byline{
    display:flex;align-items:center;gap:14px;
    max-width:720px;margin:0 auto;padding:16px 20px;
    border-top:1px solid rgba(0,0,0,.08);
    border-bottom:1px solid rgba(0,0,0,.08);
    font-family:'Inter',sans-serif;
  }
  .vk-article-byline__avatar{
    width:44px;height:44px;border-radius:50%;
    background:linear-gradient(135deg,#AAFF00,#7ACC00);
    display:flex;align-items:center;justify-content:center;
    color:#000;font-weight:900;font-size:18px;flex-shrink:0;
    font-family:'Bebas Neue',sans-serif;letter-spacing:.05em;
  }
  .vk-article-byline__meta{flex:1;line-height:1.5}
  .vk-article-byline__name{font-size:14px;font-weight:700}
  .vk-article-byline__name a{color:#AAFF00;text-decoration:none}
  .vk-article-byline__name a:hover{text-decoration:underline}
  .vk-article-byline__sub{font-size:12px;color:#888;margin-top:2px}
  .vk-article-byline__sub time{color:inherit}


/* VK-BLOG-TABLE-CSS START */
/* Scoped to .vk-table-scroll wrappers + article tables with min-width.
   Renders only on article.json template (vk-article-byline section guard). */
.vk-table-scroll {
  margin: 18px 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,0.06);
}
.vk-table-scroll table,
article table[style*="min-width"] {
  width: 100%;
  border-collapse: collapse;
  background: #0e0e0e;
  color: #d6d6d6;
  font-size: 14px;
  font-family: 'Inter', system-ui, sans-serif;
}
.vk-table-scroll th,
article table[style*="min-width"] th {
  background: #1a1a1a;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 12px 14px;
  text-align: left;
  border-bottom: 1px solid rgba(170,255,0,0.15);
  white-space: nowrap;
}
.vk-table-scroll td,
article table[style*="min-width"] td {
  padding: 10px 14px;
  color: #d6d6d6;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  vertical-align: top;
}
.vk-table-scroll tr:last-child td,
article table[style*="min-width"] tr:last-child td {
  border-bottom: none;
}
.vk-table-scroll tr:nth-child(even) td,
article table[style*="min-width"] tr:nth-child(even) td {
  background: rgba(255,255,255,0.015);
}
.vk-table-scroll table a,
article table[style*="min-width"] a {
  color: #aaff00;
  text-decoration: underline;
}
/* VK-BLOG-TABLE-CSS END */

/* VK-BLOG-LEGACY-OVERRIDES START */
/* CORRECTED v2: drop `article` ancestor (not in DOM on this theme).
   Scope under `.blog-post-content` (Shopify rte wrapper, confirmed live).
   Adds vk-article-cta selector (screenshot block class). */

.blog-post-content .vk-article-cta,
.vk-blog .vk-article-cta,
.vk-article-cta {
  background: #0e0e0e !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #d6d6d6 !important;
  border-radius: 10px !important;
}
.blog-post-content .vk-article-cta h3,
.vk-blog .vk-article-cta h3,
.vk-article-cta h3 {
  color: #ffffff !important;
  margin-top: 0 !important;
}
.blog-post-content .vk-article-cta p,
.vk-blog .vk-article-cta p,
.vk-article-cta p {
  color: #d6d6d6 !important;
}
.blog-post-content .vk-article-cta a,
.vk-blog .vk-article-cta a,
.vk-article-cta a {
  color: #aaff00 !important;
}
/* Promote the dark "Shop X" button inside vk-article-cta to lime CTA */
.blog-post-content .vk-article-cta a[style*="background:#111"],
.blog-post-content .vk-article-cta a[style*="background: #111"],
.vk-article-cta a[style*="background:#111"],
.vk-article-cta a[style*="background: #111"] {
  background: #aaff00 !important;
  color: #000 !important;
  border: 1px solid #aaff00 !important;
}

.blog-post-content .vk-recommended-products,
.blog-post-content aside.vk-recommended-products,
.vk-recommended-products,
aside.vk-recommended-products {
  background: #0e0e0e !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #d6d6d6 !important;
  border-radius: 10px !important;
}
.blog-post-content .vk-recommended-products h3,
.blog-post-content aside.vk-recommended-products h3,
.vk-recommended-products h3,
aside.vk-recommended-products h3 {
  color: #ffffff !important;
  margin-top: 0 !important;
}
.blog-post-content .vk-recommended-products p,
.vk-recommended-products p {
  color: #d6d6d6 !important;
}
.blog-post-content .vk-recommended-products a,
.vk-recommended-products a {
  color: #aaff00 !important;
}

.blog-post-content .vk-internal-link-note,
.vk-internal-link-note {
  background: #0e0e0e !important;
  border-left: 4px solid #aaff00 !important;
  color: #d6d6d6 !important;
  border-radius: 6px !important;
}
.blog-post-content .vk-internal-link-note a,
.vk-internal-link-note a {
  color: #aaff00 !important;
}

.blog-post-content .vk-related-products,
.vk-related-products {
  background: #0e0e0e !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #d6d6d6 !important;
  border-radius: 10px !important;
}
.blog-post-content .vk-related-products p,
.vk-related-products p {
  color: #888 !important;
}
.blog-post-content .vk-related-products a,
.vk-related-products a {
  color: #aaff00 !important;
}

.blog-post-content .vk-filter-btn,
.vk-filter-btn {
  background: #181818 !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  color: #d6d6d6 !important;
}
.blog-post-content .vk-filter-btn:hover,
.vk-filter-btn:hover {
  background: #222 !important;
  border-color: rgba(170,255,0,0.4) !important;
}

/* VK-LIME-BTN-TEXT-FIX */
/* Force black text on any lime-bg anchor button (overrides the
   `.vk-article-cta a { color:#aaff00 !important }` blanket rule that was
   turning lime-on-lime buttons invisible). */
.blog-post-content a[style*="background:#aaff00"],
.blog-post-content a[style*="background: #aaff00"],
.vk-blog a[style*="background:#aaff00"],
.vk-blog a[style*="background: #aaff00"],
a[style*="background:#aaff00"],
a[style*="background: #aaff00"] {
  color: #000 !important;
}
/* VK-BLOG-LEGACY-OVERRIDES END */