.otc-page {

  --vtc-green: #164f35;

  --vtc-cream: #fbf6e7;

  --vtc-gold: #deb938;

  --vtc-ink: #24392b;

  --vtc-rule: #a8b5a0;

  --vtc-muted: #58654e;

  --vtc-paper: #f2ebd8;

  color-scheme: light;

  font: 16px/1.65 'DM Sans', Arial, sans-serif;

  background: var(--vtc-cream);

  color: var(--vtc-ink);

 width: min(1120px, calc(100% - 88px)); margin-inline: auto; }
@media (max-width:850px) { .otc-page { width:calc(100% - 48px); } }
@media (max-width:620px) { .otc-page { width:calc(100% - 40px); } }
@scope (.otc-page) {








:scope {

  --vtc-green: #164f35;

  --vtc-cream: #fbf6e7;

  --vtc-gold: #deb938;

  --vtc-ink: #24392b;

  --vtc-rule: #a8b5a0;

  --vtc-muted: #58654e;

  --vtc-paper: #f2ebd8;

  color-scheme: light;

  font: 16px/1.65 'DM Sans', Arial, sans-serif;

  background: var(--vtc-cream);

  color: var(--vtc-ink);

}

* { box-sizing: border-box; }



h1, h2, h3, p, figure { margin: 0; }

h1, h2, h3 { font-family: 'Bree Serif', Georgia, serif; font-weight: 400; color: var(--vtc-green); }

h1 { font-size: clamp(2.6rem, 5vw, 4.25rem); line-height: 1.07; letter-spacing: -.025em; }

h2 { font-size: clamp(2rem, 3vw, 2.65rem); line-height: 1.15; }

h3 { font-size: 1.55rem; line-height: 1.25; }

a { color: inherit; text-decoration: none; }

button { font: inherit; cursor: pointer; }

img { display: block; max-width: 100%; }

[hidden] { display: none !important; }

.vtc-container { width: min(1120px, calc(100% - 88px)); margin-inline: auto; }

.vtc-skip { position: absolute; top: -100px; left: 12px; z-index: 5; padding: 12px 20px; background: var(--vtc-green); color: var(--vtc-cream); }

.vtc-skip:focus { top: 8px; }

.vtc-notice { background: var(--vtc-green); color: var(--vtc-cream); border-bottom: 4px solid var(--vtc-gold); text-align: center; padding: 9px 20px; font-size: .75rem; letter-spacing: .12em; text-transform: uppercase; }

.vtc-masthead { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 24px 28px; }

.vtc-masthead::before, .vtc-masthead::after { content: ''; height: 6px; border-block: 1px solid var(--vtc-green); width: 120px; }

.vtc-brand { display: flex; align-items: center; gap: 18px; color: var(--vtc-green); }

.vtc-logo { width: 96px; height: 96px; object-fit: contain; flex: none; }

.vtc-wordmark { display: flex; flex-direction: column; font-family: 'Patua One', Georgia, serif; font-weight: 400; line-height: 1; white-space: nowrap; }

.vtc-wordmark span:first-child { font-family: 'Bevan', Georgia, serif; font-size: 34.286px; line-height: 1; }

.vtc-wordmark span:last-child { font-size: 24px; line-height: 1.1; margin-top: 6.857px; }

.vtc-navigation { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 30px; padding: 7px 22px; border-top: 1px solid var(--vtc-green); border-bottom: 3px double var(--vtc-green); color: var(--vtc-green); font-size: .875rem; font-weight: 600; }

.vtc-navigation a { padding: 7px 0; position: relative; }

.vtc-navigation a[aria-current='page']::after, .vtc-navigation a[aria-current='location']::after { content: ''; height: 3px; background: var(--vtc-gold); position: absolute; left: 0; right: 0; bottom: 2px; }

.vtc-navigation a:hover { text-decoration: underline; text-underline-offset: 6px; }

.vtc-kicker { color: var(--vtc-green); font-size: .75rem; line-height: 1.6; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }

.vtc-text-link { display: inline-flex; align-items: center; gap: 14px; color: var(--vtc-green); font-size: .875rem; font-weight: 700; padding-block: 9px 4px; border-bottom: 1px solid currentColor; }

.vtc-text-link:hover { color: #0c3824; border-bottom-width: 2px; padding-bottom: 3px; }

.vtc-button { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 46px; padding: 11px 22px; background: var(--vtc-green); color: var(--vtc-cream); border: 1px solid var(--vtc-green); border-radius: 2px; font-size: .875rem; font-weight: 600; }

.vtc-button:hover { background: #0c3824; }

.vtc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 26px; }

.vtc-intro { display: grid; grid-template-columns: 1.2fr 1fr; gap: 56px; align-items: end; padding-block: 42px 38px; }

.vtc-intro h1 { margin-top: 12px; }

.vtc-intro h1 span { display: block; }

.vtc-intro-copy { max-width: 28em; padding-bottom: 5px; }

.vtc-intro-copy p { font-size: 1rem; line-height: 1.8; }

.vtc-featured { display: grid; grid-template-columns: 1.08fr 1fr; border-top: 7px double var(--vtc-green); padding-block: 30px 38px; gap: 46px; align-items: center; }

.vtc-photo-frame { padding: 7px; border: 1px solid var(--vtc-green); outline: 1px solid var(--vtc-green); outline-offset: 4px; margin: 5px; }

.vtc-featured .vtc-photo-frame img { width: 100%; height: 354px; object-fit: cover; object-position: center 51%; }

.vtc-photo-caption { text-transform: uppercase; font-size: .75rem; text-align: center; letter-spacing: .09em; padding: 8px 4px 1px; color: var(--vtc-muted); }

.vtc-feature-copy { padding: 8px 18px 8px 0; }

.vtc-feature-copy h2 { font-size: clamp(2rem, 3.5vw, 3rem); margin-top: 15px; margin-bottom: 19px; max-width: 11em; }

.vtc-feature-copy .vtc-gold-rule { width: 60px; height: 4px; background: var(--vtc-gold); margin-bottom: 22px; }

.vtc-feature-copy > p:not(.vtc-kicker) { max-width: 29em; }

.vtc-draft-note { color: var(--vtc-muted); font-size: .8125rem; line-height: 1.6; margin-top: 18px; }

.vtc-facts { background: var(--vtc-green); color: var(--vtc-cream); padding: 14px 22px; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px 0; text-transform: uppercase; letter-spacing: .1em; font-size: .75rem; }

.vtc-facts span { padding-inline: 20px; border-right: 1px solid #819c7c; }

.vtc-facts span:last-child { border: none; }

.vtc-library { padding-block: 44px 50px; scroll-margin-top: 20px; }

.vtc-section-heading { text-align: center; margin-bottom: 32px; }

.vtc-section-heading h2 { margin-top: 6px; }

.vtc-section-heading p:not(.vtc-kicker) { margin-top: 12px; }

.vtc-section-heading::after { content: ''; display: block; width: 64px; height: 4px; margin: 19px auto 0; background: var(--vtc-gold); }

.vtc-recipes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 0; row-gap: 38px; }

.vtc-card { padding-inline: 24px; border-right: 1px solid var(--vtc-rule); display: flex; flex-direction: column; min-width: 0; }

.vtc-card:nth-child(3n) { border-right: 0; }

.vtc-card:nth-child(3n + 1) { padding-left: 0; }

.vtc-card:nth-child(3n) { padding-right: 0; }

.vtc-card-photo { display: block; margin-bottom: 16px; }

.vtc-card-photo img, .vtc-card-photo .vtc-photo-placeholder { width: 100%; aspect-ratio: 1.2; object-fit: cover; }

.vtc-card-photo img { transition: filter .15s; }

.vtc-card-photo:hover img { filter: brightness(1.06); }

.vtc-card-meta { display: flex; justify-content: space-between; gap: 12px; border-top: 2px solid var(--vtc-green); border-bottom: 1px solid var(--vtc-rule); padding-block: 8px; color: var(--vtc-green); font-size: .75rem; text-transform: uppercase; letter-spacing: .07em; }

.vtc-card-meta span:last-child { color: var(--vtc-muted); letter-spacing: .02em; }

.vtc-card h3 { margin-top: 15px; }

.vtc-card h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }

.vtc-card > p { margin: 12px 0 15px; font-size: .9375rem; }

.vtc-card > .vtc-text-link { align-self: flex-start; margin-top: auto; }

.vtc-photo-placeholder { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 7px; background: var(--vtc-paper); outline: 1px solid var(--vtc-rule); outline-offset: -12px; color: var(--vtc-muted); text-align: center; padding: 24px; }

.vtc-photo-placeholder span { font-family: 'Bree Serif', Georgia, serif; font-size: 1.5rem; color: var(--vtc-green); }

.vtc-photo-placeholder small { font-size: .75rem; letter-spacing: .05em; }

.vtc-tips-band { border-block: 7px double var(--vtc-green); }

.vtc-tips-band > div { padding-block: 38px; display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }

.vtc-tips-band h2 { margin-top: 10px; }

.vtc-tips-band p:not(.vtc-kicker) { max-width: 30em; }

.vtc-tips-band .vtc-text-link { margin-top: 14px; }

.vtc-footer { padding: 34px 24px 20px; text-align: center; color: var(--vtc-green); border-bottom: 7px double var(--vtc-green); }

.vtc-footer-brand { font: 25px/1.2 'Patua One', Georgia, serif; }

.vtc-footer p { font-size: .8125rem; margin-top: 9px; }

.vtc-footer-links { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 28px; margin-top: 20px; font-size: .875rem; }

.vtc-footer-links a { padding-block: 5px; }

.vtc-footer-links a:hover { text-decoration: underline; text-underline-offset: 4px; }

.vtc-preview-note { color: var(--vtc-muted); margin: 25px auto 0; padding-top: 16px; border-top: 1px solid var(--vtc-rule); max-width: 820px; font-size: .75rem; }

.vtc-breadcrumb { display: flex; flex-wrap: wrap; gap: 7px 12px; color: var(--vtc-muted); font-size: .8125rem; padding-top: 25px; }

.vtc-breadcrumb a { text-decoration: underline; text-underline-offset: 4px; }

.vtc-detail-hero { padding-block: 28px 42px; display: grid; grid-template-columns: 1.12fr 1fr; align-items: center; gap: 48px; }

.vtc-detail-hero h1 { margin: 12px 0 22px; font-size: clamp(2.6rem, 4.7vw, 3.8rem); }

.vtc-detail-hero .vtc-photo-frame img, .vtc-detail-hero .vtc-photo-placeholder { width: 100%; height: 360px; object-fit: cover; }

.vtc-recipe-facts { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid var(--vtc-green); border-bottom: 1px solid var(--vtc-rule); margin: 24px 0 0; padding-block: 14px; }

.vtc-recipe-facts div { padding-inline: 16px; border-right: 1px solid var(--vtc-rule); }

.vtc-recipe-facts div:first-child { padding-left: 0; }

.vtc-recipe-facts div:last-child { border: 0; padding-right: 0; }

.vtc-recipe-facts dt { font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--vtc-green); }

.vtc-recipe-facts dd { margin: 6px 0 0; font-size: .9375rem; }

.vtc-recipe-

.vtc-ingredients { border-right: 1px solid var(--vtc-rule); padding-right: 36px; }

.vtc-ingredients h2, .vtc-method h2 { font-size: 2rem; }

.vtc-ingredients .vtc-kicker { margin-block: 22px 12px; }

.vtc-pending-list { margin: 0; padding: 0; list-style: none; }

.vtc-pending-list li { border-bottom: 1px solid var(--vtc-rule); padding: 13px 0; color: var(--vtc-muted); font-size: .9375rem; }

.vtc-method-list { list-style: none; margin: 22px 0 0; padding: 0; }

.vtc-method-list li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; border-top: 1px solid var(--vtc-rule); padding-block: 22px; }

.vtc-step-number { font: italic 2rem/1.2 Georgia, serif; color: var(--vtc-green); }

.vtc-method-list h3 { font-size: 1.4rem; margin-bottom: 9px; }

.vtc-method-list p { font-size: .9375rem; }

.vtc-recipe-notes { border-block: 1px solid var(--vtc-rule); padding-block: 21px; }

.vtc-recipe-notes h3 { font-size: 1.3rem; margin-bottom: 8px; }

.vtc-back-row { padding-bottom: 36px; }

.vtc-cooking-header { padding-block: 42px 30px; }

.vtc-cooking-header h1 { margin-block: 12px 20px; max-width: 12em; }

.vtc-cooking-header > p:not(.vtc-kicker) { max-width: 40em; }

.vtc-cooking-steps { border-top: 7px double var(--vtc-green); padding-bottom: 30px; }

.vtc-cooking-step { display: grid; grid-template-columns: .8fr 1fr; gap: 48px; padding-block: 34px; border-bottom: 1px solid var(--vtc-rule); scroll-margin-top: 20px; }

.vtc-cooking-step h2 { display: flex; gap: 22px; font-size: 2rem; }

.vtc-cooking-step h3 { font-size: 1.25rem; margin: 21px 0 8px; }

.vtc-cooking-step p { font-size: 1rem; }

.vtc-cooking-step .vtc-kicker { font-size: .75rem; margin-bottom: 12px; }

.vtc-cooking-step .vtc-draft-note { font-size: .8125rem; }

.vtc-cooking-step > div > h3:first-child { margin-top: 0; }

.vtc-cooking-care { border-top: 7px double var(--vtc-green); margin-bottom: 32px; }

.vtc-cooking-care .vtc-cooking-step:last-child { border-bottom: 0; }

.vtc-cooking-care .vtc-recipe-notes { margin-top: 25px; }

.vtc-cooking-step details { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--vtc-rule); }

.vtc-cooking-step summary { cursor: pointer; color: var(--vtc-green); font-size: .875rem; font-weight: 700; }

.vtc-cooking-step details p { padding-top: 12px; color: var(--vtc-muted); font-size: .9375rem; }

@media (max-width: 850px) {

  .vtc-container { width: calc(100% - 48px); }

  .vtc-intro, .vtc-featured, .vtc-detail-hero { gap: 28px; }

  .vtc-navigation { gap: 0 21px; }

  .vtc-card { padding-inline: 16px; }

  .vtc-card h3 { font-size: 1.35rem; }

  .vtc-featured .vtc-photo-frame img { height: 315px; }

  .vtc-recipe-

  .vtc-ingredients { padding-right: 24px; }

}

@media (max-width: 620px) {

  .vtc-container { width: calc(100% - 40px); }

  .vtc-masthead { padding: 19px 16px; }

  .vtc-masthead::before, .vtc-masthead::after { display: none; }

  .vtc-logo { width: 74px; height: 74px; }

  .vtc-brand { gap: 12px; }

  .vtc-wordmark span:first-child { font-size: 26.429px; }

  .vtc-wordmark span:last-child { font-size: 18.5px; margin-top: 5.286px; }

  .vtc-notice { font-size: .6875rem; letter-spacing: .075em; }

  .vtc-navigation { gap: 0 20px; padding-inline: 15px; }

  .vtc-navigation a { padding-block: 10px; }

  .vtc-intro { grid-template-columns: 1fr; gap: 22px; padding-block: 30px; }

  .vtc-intro-copy { max-width: none; }

  .vtc-intro h1 { font-size: 2.8rem; }

  .vtc-featured { grid-template-columns: 1fr; gap: 24px; padding-top: 25px; }

  .vtc-feature-copy { padding: 0; }

  .vtc-featured .vtc-photo-frame img { height: auto; aspect-ratio: 1.12; }

  .vtc-feature-copy h2 { font-size: 2.3rem; }

  .vtc-facts { gap: 8px 0; padding-inline: 10px; font-size: .6875rem; }

  .vtc-facts span { padding-inline: 10px; }

  .vtc-recipes { grid-template-columns: 1fr; gap: 28px; }

  .vtc-card, .vtc-card:nth-child(n) { border: 0; padding: 0 0 25px; border-bottom: 1px solid var(--vtc-rule); }

  .vtc-card h3 { font-size: 1.65rem; }

  .vtc-card-photo img, .vtc-card-photo .vtc-photo-placeholder { aspect-ratio: 1.3; }

  .vtc-tips-band > div { grid-template-columns: 1fr; gap: 22px; padding-block: 30px; }

  .vtc-footer-links { gap: 6px 22px; }

  .vtc-detail-hero, .vtc-recipe-body, .vtc-cooking-step { grid-template-columns: 1fr; gap: 28px; }

  .vtc-detail-hero h1 { font-size: 2.65rem; }

  .vtc-detail-hero .vtc-photo-frame img, .vtc-detail-hero .vtc-photo-placeholder { height: auto; aspect-ratio: 1.12; }

  .vtc-ingredients { border-right: none; border-bottom: 1px solid var(--vtc-rule); padding: 0 0 28px; }

  .vtc-cooking-step { gap: 22px; }

  .vtc-cooking-header h1 { font-size: 2.65rem; }

  .vtc-actions { gap: 15px 23px; }

}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }

@media print {

  :scope { font-size: 11pt; background: white; color: #17251b; }

  

  .vtc-notice, .vtc-navigation, .vtc-actions, .vtc-breadcrumb, .vtc-footer, .vtc-back-row, .vtc-skip { display: none; }

  .vtc-container { width: 100%; }

  .vtc-masthead { padding: 0 0 16px; }

  .vtc-logo { width: 50px; height: 50px; }

  .vtc-wordmark span:first-child { font-size: 25px; }

  .vtc-wordmark span:last-child { font-size: 16px; }

  .vtc-detail-hero { padding-block: 12px 20px; }

  .vtc-detail-hero h1 { font-size: 28pt; }

  .vtc-detail-hero .vtc-photo-frame img, .vtc-detail-hero .vtc-photo-placeholder { height: 200px; }

  .vtc-recipe-

  .vtc-method-list li, .vtc-recipe-notes { break-inside: avoid; }

}



/* Products: the same open catalog columns and ruled dividers as the supplied heritage theme. */

.vtc-products-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; padding-block: 42px 36px; }

.vtc-products-intro h1 { margin-top: 12px; }

.vtc-products-intro > p { max-width: 30em; padding-bottom: 3px; }

.vtc-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 48px; border-top: 7px double var(--vtc-green); padding-top: 32px; margin-bottom: 16px; }

.vtc-product { position: relative; min-width: 0; display: flex; flex-direction: column; padding: 0 0 34px; margin-bottom: 34px; }

.vtc-product::after { content: ''; position: absolute; top: 0; bottom: 0; right: -24px; border-right: 1px solid var(--vtc-rule); }

.vtc-product:nth-child(3n)::after, .vtc-product:last-child::after { display: none; }

.vtc-product-photo { position: relative; display: block; width: 100%; aspect-ratio: 1; flex-shrink: 0; margin-bottom: 20px; background: white; }

.vtc-product-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center; }

.vtc-product-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 4.25rem; border-top: 2px solid var(--vtc-green); border-bottom: 1px solid var(--vtc-rule); padding-block: 9px; color: var(--vtc-green); }

.vtc-product-meta > span:first-child { font-size: .875rem; font-weight: 600; }

.vtc-price { font: 400 1.5rem/1.2 'Bree Serif', Georgia, serif; white-space: nowrap; }

.vtc-product h2 { font-size: 1.6rem; line-height: 1.25; min-height: 2.5em; margin-block: 16px 12px; }

.vtc-product h2 a:hover { text-decoration: underline; text-underline-offset: 4px; }

.vtc-product > p { font-size: 1rem; margin-bottom: 20px; }

.vtc-product-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 17px; margin-top: auto; }

.vtc-order { width: 100%; min-height: 46px; }

.vtc-buy-button { max-width: 100%; }

.vtc-buy-button:empty { display: none; }

.vtc-footer { text-align:center; padding:30px 28px; border-bottom:7px double var(--vtc-green); color:var(--vtc-green); }

.vtc-footer-brand { font:25px/1.2 'Patua One',Georgia,serif; }

.vtc-footer-brand .vtc-footer-vermont { font:inherit; }

.vtc-footer p { margin-top:7px; font-size:13px; }

.vtc-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 24px; margin-top:20px; font-size:13px; }

.vtc-footer-links a:hover { text-decoration:underline; }

.vtc-footer-game { margin-top:20px; padding-top:15px; border-top:1px solid var(--vtc-rule); }

a:focus-visible, button:focus-visible { outline: 3px solid var(--vtc-green); outline-offset: 5px; }

@media (max-width: 880px) {

  .vtc-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .vtc-product:nth-child(n)::after { display: block; }

  .vtc-product:nth-child(2n)::after, .vtc-product:last-child::after { display: none; }

}

@media (max-width: 620px) {

  .vtc-products-intro { grid-template-columns: 1fr; gap: 20px; padding-block: 30px; }

  .vtc-product-grid { grid-template-columns: 1fr; padding-top: 26px; }

  .vtc-product:nth-child(n) { border-bottom: 1px solid var(--vtc-rule); margin-bottom: 28px; padding-bottom: 28px; }

  .vtc-product:nth-child(n)::after { display: none; }

  .vtc-product-photo { max-width: 400px; width: 100%; align-self: center; }

  .vtc-product-meta, .vtc-product h2 { min-height: 0; }

  .vtc-product:last-child { border-bottom: 0; margin-bottom: 0; }

}

@media print {

  .vtc-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .vtc-product { break-inside: avoid; }

  .vtc-product-actions { display: none; }

  .vtc-product-photo { height: 180px; aspect-ratio: auto; }

}

  

/* Four box options in equal columns, using the approved catalog treatment. */

.vtc-box-intro-copy { max-width: 30em; }

.vtc-box-offer { margin-bottom: 16px; }

.vtc-box-offer strong { color: var(--vtc-green); }

.vtc-box-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.vtc-box-grid .vtc-product:nth-child(n)::after { display: block; }

.vtc-box-grid .vtc-product:nth-child(2n)::after { display: none; }

.vtc-box-grid .vtc-product-photo { aspect-ratio: 3 / 2; }

@media (max-width: 620px) {

  .vtc-box-grid { grid-template-columns: 1fr; }

  .vtc-box-grid .vtc-product:nth-child(n)::after { display: none; }

}

@media print {

  .vtc-box-grid .vtc-product-photo { height: 180px; aspect-ratio: auto; }

}

  

/* TILLACRUNCH GAME LINK START */

.vtc-footer .vtc-footer-game a.vtc-game-link { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 22px; border:2px solid var(--vtc-green); border-radius:2px; background:var(--vtc-green); color:var(--vtc-cream, #fbf6e7); font-family:'DM Sans',Arial,sans-serif; font-size:1rem; font-weight:700; line-height:1.3; text-decoration:none; }

.vtc-footer .vtc-footer-game a.vtc-game-link:hover { background:var(--vtc-cream, #fbf6e7); color:var(--vtc-green); text-decoration:none; }

.vtc-footer .vtc-footer-game a.vtc-game-link:focus-visible { outline:3px solid var(--vtc-green); outline-offset:4px; }

/* TILLACRUNCH GAME LINK END */


/* Inherits the approved masthead, footer, typography, colors, and double rules. */

.vtc-product-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; padding-block:25px 22px; color:var(--vtc-muted); font-size:.875rem; }

.vtc-product-breadcrumb a { text-decoration:underline; text-underline-offset:4px; }

.vtc-product-detail { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:52px; border-top:7px double var(--vtc-green); padding-block:32px 44px; align-items:start; }

.vtc-gallery { min-width:0; }

.vtc-gallery-main { background:white; aspect-ratio:1; display:grid; place-items:center; }

.vtc-gallery-main img { width:100%; height:100%; min-height:0; object-fit:contain; }

.vtc-gallery-thumbs { display:grid; grid-template-columns:repeat(auto-fill,minmax(54px,1fr)); gap:9px; margin-top:14px; }

.vtc-gallery-thumbs button { padding:3px; border:1px solid var(--vtc-rule); background:white; aspect-ratio:1; }

.vtc-gallery-thumbs button[aria-pressed="true"] { outline:2px solid var(--vtc-green); outline-offset:2px; }

.vtc-gallery-thumbs img { width:100%; height:100%; object-fit:contain; }

.vtc-product-copy { min-width:0; }

.vtc-product-copy h1 { font-size:clamp(2.35rem,4.3vw,3.6rem); margin:10px 0 23px; }

.vtc-product-specs { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:center; justify-content:space-between; padding-block:12px; border-top:2px solid var(--vtc-green); border-bottom:1px solid var(--vtc-rule); color:var(--vtc-green); }

.vtc-product-specs > span:first-child { font-size:1rem; font-weight:600; }

.vtc-product-description { margin-top:22px; }

.vtc-product-points { margin:17px 0 12px; padding-left:21px; }

.vtc-product-points li { padding-left:3px; margin-block:5px; }

.vtc-included-link { text-decoration:underline; text-underline-offset:3px; }

.vtc-nutrition-links { display:flex; flex-wrap:wrap; gap:6px 24px; margin-top:15px; }

.vtc-nutrition-caption { margin-top:20px; font-size:.875rem; color:var(--vtc-muted); }

.vtc-nutrition-caption + .vtc-nutrition-links { margin-top:0; }

.vtc-nutrition-links .vtc-text-link { font-size:.9375rem; }

.vtc-product-purchase { padding-top:24px; }

.vtc-product-purchase .vtc-order { margin-top:14px; }

.vtc-shipping-included { font-weight:700; color:var(--vtc-green); }

.vtc-product-offer { border-left:4px solid var(--vtc-gold); padding-left:16px; margin-top:20px; }

.vtc-checkout-note { font-size:.875rem; color:var(--vtc-muted); margin-top:12px; }

.vtc-detail-information { display:grid; grid-template-columns:1fr 1.45fr; gap:52px; border-top:7px double var(--vtc-green); padding-block:32px 38px; }

.vtc-detail-information h2 { font-size:2rem; }

.vtc-detail-information p + p { margin-top:12px; }

.vtc-product-reviews { padding-block:32px 42px; border-top:1px solid var(--vtc-rule); }

.vtc-product-reviews h2 { margin-bottom:18px; }

.vtc-review-link { margin-top:12px; }

.vtc-nutrition-dialog { color:var(--vtc-ink); background:var(--vtc-cream); width:min(600px,calc(100% - 28px)); max-height:90vh; max-height:90dvh; margin:auto; padding:0; border:2px solid var(--vtc-green); overflow:auto; overscroll-behavior:contain; }

.vtc-nutrition-dialog::backdrop { background:rgb(14 32 22 / .68); }

.vtc-nutrition-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 22px; border-bottom:3px double var(--vtc-green); position:sticky; top:0; background:var(--vtc-cream); z-index:1; }

.vtc-nutrition-heading h2 { font-size:1.55rem; }

.vtc-nutrition-close { color:var(--vtc-green); background:transparent; border:1px solid var(--vtc-green); min-height:44px; padding:6px 12px; border-radius:2px; flex:none; }

.vtc-nutrition-

.vtc-nutrition-body > p { margin-bottom:16px; }

.vtc-nutrition-label { width:100%; max-width:430px; height:auto; margin-inline:auto; }

.vtc-nutrition-downloads { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:18px; }

.vtc-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

@media(max-width:880px) { .vtc-product-detail { gap:30px; } .vtc-gallery-thumbs { gap:7px; } }

@media(max-width:700px) {

  .vtc-product-detail { grid-template-columns:1fr; gap:30px; padding-top:24px; }

  .vtc-gallery { width:100%; max-width:480px; margin-inline:auto; }

  .vtc-detail-information { grid-template-columns:1fr; gap:18px; }

  .vtc-product-copy h1 { font-size:clamp(2.2rem,7vw,3rem); }

  .vtc-nutrition-heading { padding:14px; }

  .vtc-nutrition-

}

@media print { .vtc-gallery-thumbs,.vtc-product-purchase,.vtc-product-reviews { display:none; } .vtc-product-detail { gap:25px; } }



.vtc-catalog-nutrition { min-height:4.2rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; }

.vtc-catalog-nutrition > p { font-size:.875rem; color:var(--vtc-muted); margin:0; line-height:1.5; }

.vtc-mixed-nutrition-caption { margin:18px 24px 0; color:var(--vtc-muted); font-size:.875rem; }

#nutrition-mixed-box .vtc-nutrition-body + .vtc-nutrition-




.vtc-box-jump-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px 32px; padding:0 0 24px; }

.vtc-box-jump-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--vtc-green); font-size:.9375rem; font-weight:600; text-decoration:underline; text-decoration-color:var(--vtc-rule); text-decoration-thickness:1px; text-underline-offset:7px; }

.vtc-box-jump-links a:hover { text-decoration-color:var(--vtc-green); }

.vtc-box-jump-links a:focus-visible { outline:2px solid var(--vtc-green); outline-offset:5px; }

.vtc-box-size-heading { padding-block:20px 28px; scroll-margin-top:24px; }

.vtc-box-size-heading p { margin-top:10px; }

@media (prefers-reduced-motion:no-preference) { html { scroll-behavior:smooth; } }

@media (max-width:540px) { .vtc-box-jump-links { gap:8px 24px; } .vtc-box-jump-links a { font-size:.875rem; } }



.vtc-starter-grid .vtc-product h3 { font-size:1.6rem; line-height:1.25; min-height:2.5em; margin-block:16px 12px; }
.vtc-starter-grid .vtc-product h3 a:hover { text-decoration:underline; text-underline-offset:4px; }
.vtc-box-grid .vtc-product-photo { margin-bottom:0; }
.vtc-box-formats { display:grid; grid-template-columns:1fr; gap:12px; align-items:center; min-height:104px; padding:18px 0; color:var(--vtc-green); }
.vtc-box-formats-mixed { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vtc-box-format-item { display:flex; align-items:center; gap:10px; min-width:0; }
.vtc-box-diameter { display:flex; align-items:center; justify-content:center; flex-shrink:0; border:1.5px solid var(--vtc-green); border-radius:50%; background:#f1e4bd; font:400 1.15rem/1 'Bree Serif',Georgia,serif; }
.vtc-box-diameter-4 { width:40px; height:40px; }
.vtc-box-diameter-6 { width:60px; height:60px; }
.vtc-box-format-copy { display:flex; flex-direction:column; gap:4px; line-height:1.35; min-width:0; }
.vtc-box-format-copy strong { font-size:.875rem; font-weight:700; }
.vtc-box-format-copy > span { font-size:.75rem; }
@media (min-width:621px) and (max-width:820px), (max-width:380px) { .vtc-box-formats-mixed { grid-template-columns:1fr; gap:12px; } }
@media (min-width:621px) and (max-width:820px) { .vtc-box-formats { min-height:148px; } }
@media (max-width:620px) { .vtc-starter-grid .vtc-product h3 { min-height:0; } }

}
