/** Shopify CDN: Minification failed

Line 221:10 Unexpected "{"
Line 221:19 Expected ":"
Line 228:10 Unexpected "{"
Line 228:19 Expected ":"
Line 235:10 Unexpected "{"
Line 235:19 Expected ":"

**/
/* Vanguard-style roundup CSS (works with most Shopify themes, tuned for Pinnacle) */
.vg-wrap{--vg-max:1160px;--vg-gap:40px;--vg-fg:#0d0d0d;--vg-muted:#666;--vg-border:#e7e7e7;--vg-accent:#111;--vg-chip:#111;--vg-bg:#fff;}
.vg-container{max-width:var(--vg-max);margin:0 auto;padding:32px 20px;}
.vg-grid{display:grid;grid-template-columns:1fr 320px;gap:var(--vg-gap);}
@media(max-width:1024px){.vg-grid{grid-template-columns:1fr;} .vg-aside{order:-1}}

.vg-header{margin-bottom:28px;border-bottom:1px solid var(--vg-border);padding-bottom:16px}
.vg-kicker{text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--vg-muted);margin-bottom:8px;font-size:12px}
.vg-title{font-size:34px;line-height:1.2;margin:0 0 10px 0;font-weight:700}
.vg-dek{font-size:16px;line-height:1.6;color:#333;margin:0 0 8px}
.vg-meta{display:flex;gap:16px;color:var(--vg-muted);font-size:13px;margin-bottom:8px}
.vg-disclaimer{font-size:12px;color:var(--vg-muted);background:#f8f8f8;border:1px solid var(--vg-border);padding:8px 10px;border-radius:6px;display:inline-block}

.vg-pick{position:relative;padding:24px 0;border-bottom:1px solid var(--vg-border);}
.vg-badge{display:inline-block;background:#111;color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;margin-bottom:10px}
.vg-pick-title{font-size:24px;margin:6px 0 6px;font-weight:700}
.vg-lede{color:#333;margin:0 0 12px}
.vg-figure{margin:14px 0;border-radius:10px;overflow:hidden}
.vg-figure img{display:block;width:100%;height:auto}
.vg-body{font-size:16px;line-height:1.7;color:#222}

.vg-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0 14px}
@media(max-width:720px){.vg-pros-cons{grid-template-columns:1fr}}
.vg-list h3{font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:var(--vg-muted);margin:0 0 8px}
.vg-list ul{margin:0;padding-left:18px}
.vg-list li{margin:6px 0}

.vg-cta{display:inline-block;margin-top:8px;padding:12px 16px;border:1px solid #111;border-radius:8px;text-decoration:none;color:#111;font-weight:600}
.vg-cta:hover{background:#111;color:#fff}

.vg-score{position:absolute;top:24px;right:0;display:flex;align-items:center;gap:6px;font-weight:700}
.vg-score span{display:inline-grid;place-items:center;width:44px;height:44px;border:2px solid #111;border-radius:50%;font-size:16px}
.vg-score small{color:var(--vg-muted);font-weight:500}

.vg-aside{position:sticky;top:24px;height:max-content;}
.vg-featured{border:1px solid var(--vg-border);border-radius:12px;padding:16px}
.vg-featured h4{margin:0 0 10px;font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--vg-muted)}
.vg-featured ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vg-featured li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px solid var(--vg-border);border-radius:10px}
.vg-chip{display:inline-grid;place-items:center;font-weight:700;border:1px solid var(--vg-chip);border-radius:999px;min-width:44px;height:28px;padding:0 6px}
.vg-fi-title{font-weight:700}
.vg-fi-tag{font-size:12px;color:var(--vg-muted)}
.vg-mini-cta{font-size:13px;text-decoration:none;border:1px solid #111;border-radius:8px;padding:6px 10px;color:#111}
.vg-mini-cta:hover{background:#111;color:#fff}



/* --- FIX: mobile scroll lag without hiding sidebar --- */
@media (max-width:1024px){
  /* keep the block visible but non-sticky */
  .vg-aside{
    position:relative!important;
    top:auto!important;
    height:auto!important;
  }

  /* force GPU compositing for smoother repaint */
  .vg-wrap,
  .vg-container,
  .vg-main,
  .vg-featured{
    transform:translateZ(0);
    will-change:transform;
  }

  /* prevent rounded-corner repaint cost */
  .vg-figure{overflow:visible!important;}

  /* improve iOS/Android momentum scrolling */
  html,body{-webkit-overflow-scrolling:touch;}
}




/* --- tighten vertical spacing on mobile --- */
@media (max-width: 768px) {
  .vg-container { padding: 8px 8px !important; }   /* reduce global inner padding */
  .vg-pick { padding: 12px 0 !important; }           /* tighten spacing between items */
  .vg-header { margin-bottom: 16px !important; }     /* smaller gap below intro */
  .vg-figure { margin: 10px 0 !important; }          /* less space around images */
}


/* mobile reading comfort */
@media (max-width: 768px){
  .vg-container { padding-left: 16px !important; padding-right: 16px !important; }
  .vg-header, .vg-pick, .vg-figure, .vg-body, .vg-dek { margin-left:auto; margin-right:auto; max-width: 44ch; }
  .vg-body, .vg-dek { font-size: 16px; line-height: 1.7; }
}





/* === SIDEBAR BUY NOW BUTTONS === */
.vg-mini-cta,
.vg-mini-cta:link,
.vg-mini-cta:visited {
  background: var(--mini-cta-bg) !important;
  color: var(--mini-cta-text) !important;
  border: 1px solid var(--mini-cta-border) !important;
  transition: all 0.2s ease-in-out;
}

.vg-mini-cta:hover {
  background: var(--mini-cta-hover-bg) !important;
  color: var(--mini-cta-hover-text) !important;
  border-color: var(--mini-cta-hover-border) !important;
}

/* === MAIN CTA BUTTONS INSIDE PICKS === */
.vg-cta,
.vg-cta:link,
.vg-cta:visited {
  background: var(--cta-bg) !important;
  color: var(--cta-text) !important;
  border: 1px solid var(--cta-border) !important;
  transition: all 0.2s ease-in-out;
}

.vg-cta:hover {
  background: var(--cta-hover-bg) !important;
  color: var(--cta-hover-text) !important;
  border-color: var(--cta-hover-border) !important;
}






/* ===== Conversation styles (scoped) ===== */
.vg-conv { max-width: 900px; }

.vg-conv-title { font-size: 28px; line-height: 1.2; margin: 0 0 6px; font-weight: 700; }
.vg-conv-count { font-size: 16px; font-weight: 600; margin-left: 8px; color: #666; }
.vg-conv-helper { margin: 0 0 18px; color: #666; }

.vg-conv-alert,
.vg-conv-success {
  border: 1px solid #e5e5e5; background: #fafafa; padding: 10px 12px; border-radius: 8px; margin-bottom: 12px;
}

.vg-conv-form { border-top: 1px solid #ececec; padding-top: 16px; margin-bottom: 18px; }
.vg-conv-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 12px; }
@media (max-width: 720px) { .vg-conv-row { grid-template-columns: 1fr; } }

.vg-input,
.vg-textarea {
  width: 100%; border: 1px solid #ddd; border-radius: 10px; padding: 12px 14px; font-size: 15px; outline: none; background: #fff;
}
.vg-input:focus,
.vg-textarea:focus { border-color: #111; }

.vg-textarea { min-height: 140px; resize: vertical; }

.vg-submit {
  align-self: start;
  justify-self: start;
  border: 0;
  padding: 12px 18px;
  border-radius: 10px;
  background: #d41818;      /* red like reference */
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  transition: transform .05s ease, filter .15s ease;
}
.vg-submit:hover { filter: brightness(0.9); }
.vg-submit:active { transform: translateY(1px); }

/* Comments list */
.vg-comments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ececec; }
.vg-comment { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 16px 0; border-bottom: 1px solid #f0f0f0; }
.vg-avatar { width: 40px; height: 40px; border-radius: 50%; background: #efefef; }
.vg-comment-meta { font-size: 14px; color: #555; margin-bottom: 6px; }
.vg-dot { margin: 0 6px; color: #aaa; }
.vg-comment-body { color: #222; line-height: 1.6; }
.vg-reply { font-size: 14px; text-decoration: none; border: 1px solid #111; color: #111; padding: 6px 10px; border-radius: 8px; display: inline-block; margin-top: 10px; }
.vg-reply:hover { background: #111; color: #fff; }

.vg-no-comments { color: #777; margin-top: 8px; }




/* no scroll anchoring jitter in the convo area */
#conversation-section, #conversation-section .vg-conv { overflow-anchor: none; }

/* fixed success/error toast (doesn't push layout) */
.vg-toast {
  position: fixed;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 10px 14px;
  border-radius: 10px;
  color: #fff;
  background: #111;
  z-index: 9999;
  box-shadow: 0 6px 30px rgba(0,0,0,.22);
  font-weight: 600;
}
.vg-toast--ok  { background: #10b981; }   /* green */
.vg-toast--err { background: #ef4444; }   /* red */



/* === Score pill color bindings (section-scoped) === */
.section-{{ section.id }} .vg-featured .vg-chip {
  background: var(--chip-bg) !important;
  color: var(--chip-text) !important;
  border-color: var(--chip-border) !important;
}

/* Round score badge inside each product pick */
.section-{{ section.id }} .vg-score span {
  background: var(--chip-bg) !important;
  color: var(--chip-text) !important;
  border-color: var(--chip-border) !important;
}

/* Optional: the "/10" text next to the circle; keep muted or tie to text */
.section-{{ section.id }} .vg-score small {
  color: var(--chip-text);
}




/* --- PINNACLE "Media with text" — make it match roundup on mobile --- */
@media (max-width: 768px){

  /* same outer gutters as the article */
  .image-with-text { 
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* kill the theme's inner padding that was making the text column narrower */
  .image-with-text .image-with-text__content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* text column = same readable line length as roundup paragraphs */
  .image-with-text .image-with-text__text,
  .image-with-text .image-with-text__heading {
    max-width: 44ch;
    margin-left: auto;
    margin-right: auto;
  }

  /* type scale to match roundup mobile body */
  .image-with-text .image-with-text__text p,
  .image-with-text .image-with-text__text li {
    font-size: 16px;
    line-height: 1.7;
  }

  /* keep the media inside the same gutters; remove any overflow/full-bleed */
  .image-with-text .image-with-text__media {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 10px;   /* visually match roundup figures */
    overflow: hidden;
  }
  .image-with-text .image-with-text__media img,
  .image-with-text .image-with-text__media picture img,
  .image-with-text .media__image {
    display: block;
    width: 100%;
    height: auto;
  }
}




/* Featured list: image + green score under it */
.vg-featured li { grid-template-columns: 56px 1fr auto; } /* a bit wider first column */
.vg-fi-left{ display:flex; flex-direction:column; align-items:center; gap:6px; }

.vg-fi-thumbwrap{
  width:48px; height:48px; border-radius:8px; overflow:hidden; background:#f3f3f3; display:block;
}
.vg-fi-thumbwrap img{ width:100%; height:100%; object-fit:cover; display:block; }

.vg-fi-score{
  display:inline-flex; align-items:center; gap:2px;
  font-size:12px; font-weight:700; line-height:1;
  color:#fff; background:#16a34a; padding:2px 6px; border-radius:6px;
}
.vg-fi-score small{ opacity:.9; font-weight:600; }